JSFiddle - React, Tailwind, and code Playground

by hippocampuscoronatus

HTML

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

<script>
window.addEventListener('load', start);

function start() {
	var context = document.querySelector('canvas#my-canvas').getContext('2d');
	var count = 0;

	requestAnimationFrame(loop);

	function loop() {
		requestAnimationFrame(loop);
    context.clearRect(0, 0, 300, 300);
    draw(count++);
	}
  
  function draw(count) {
  var left = count % 10 * 6;
  // context.setFillStyle('red');
  context.fillRect(left, 10, 10, 10);
  }
}
</script>