JSFiddle - React, Tailwind, and code Playground

by Stefano Bertoli

HTML

<canvas width="400px" height="300px"></canvas>

JavaScript

var canvas=document.querySelector('canvas');

var context=canvas.getContext('2d');
var pallini=[];
setInterval(function(){
    var r=Math.round(Math.random()*20);
    var x=Math.round((Math.random()*(canvas.width-r*2))+r);
        var y=Math.round((Math.random()*(canvas.height-r*2))+r);
   
    var red=Math.round(Math.random()*255);
     var green=Math.round(Math.random()*255);
     var blue=Math.round(Math.random()*255);
    context.fillStyle='rgb('+red+','+green+','+blue+')';
    context.beginPath();
    context.arc(x,y,r,0,360);
    context.fill();
    context.closePath();
},400);