JSFiddle - React, Tailwind, and code Playground

HTML

<canvas id="MyCanvas" width="400" height="400"
style="border:1px solid #000000;">
</canvas>

JavaScript

for(var i=0; i<2; i++){

     
  
  var c = document.getElementById("MyCanvas");
  var ctx = c.getContext("2d");
  ctx.beginPath();
  ctx.arc(200,200,50,0,2*Math.PI);
  ctx.stroke();
  ctx.beginPath();
  ctx.arc(200,10,10,0,2*Math.PI);
  ctx.stroke();
}