Make a clock in Html CSS and javaScript with source code

<!DOCTYPE html>

<html>

<body>

<canvas id="canvas" width="200" height="200"style="background-color:white">

</canvas>

<script type =text/javascript>

var canvas = document.getElementById("canvas");

var ctx = canvas.getContext("2d");

var radius = canvas.height / 2;

ctx.translate(radius, radius);

radius = radius * 0.90

setInterval(drawClock, 1000);


function drawClock() {

  drawFace(ctx, radius);

  drawNumbers(ctx, radius);

  drawTime(ctx, radius);

}


function drawFace(ctx, radius) {

  var grad;

  ctx.beginPath();

  ctx.arc(0, 0, radius, 0, 2*Math.PI);


If you want to full code click on download


Password:12345678

Output:


Make a simple calculator in html source code

gain other technical tricks follow this site:https://www.techsawesome.in/