JSFiddle - React, Tailwind, and code Playground

by karthick6891

HTML

<canvas id="canvas" width=300 height=300></canvas>

CSS

body{ background-color: ivory; }
#canvas{border:1px solid red;}

JavaScript

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

ctx.beginPath();
ctx.moveTo(66,21);
ctx.lineTo(79,21);
ctx.lineTo(79,53);

ctx.lineTo(79,185);
ctx.lineTo(66,185);

ctx.closePath();
ctx.fillStyle="skyblue";
ctx.fill();
ctx.lineWidth=1;
ctx.strokeStyle="black";
ctx.stroke();


	function getAddedOn(){
		 var newDate = new Date();
		 var months = ['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'];
		 var year = newDate.getFullYear();
	     var month = months[newDate.getMonth()];
	     var date = newDate.getDate();
	     var hour = newDate.getHours();
	     var min = newDate.getMinutes();
	     var sec = newDate.getSeconds();
	     var milli = newDate.getMilliseconds();
		
		 var time = date+','+month+' '+year+' '+hour+':'+min+':'+sec ;
		 return time;
	}