JSFiddle - React, Tailwind, and code Playground

by tmyie

HTML

<canvas id="canvas"></canvas>

CSS

canvas {
    width: 300px;
    height: 200px;
    background-color: orange;
    display: block;
}

JavaScript

var canvas = document.getElementById('canvas');
var c = canvas.getContext('2d');

var x = 5;
var y = 5;
var loop;

loop = setInterval(function(){
    c.clearRect(5, y - 2, 5, 5);
    c.fillRect(5,y,5,5);
    y++
}, 500);