title: How to make multiple circles with Canvas JS
body: <p>I have a function that makes a circle when I click on a button but if I keep clicking the button, it just copies the circle in the same place. I'm trying to figure out a way to make multiple circles with different xy positions. I have the code below</p>
  
  <pre><code>function nerdsAssemble(){
    var canvas = document.getElementById("boop");
  if (canvas.getContext)
    {
      var con=canvas.getContext("2d");
      var W=canvas.width / 2;
      var H=canvas.height / 2;
      var rad=45;
      con.beginPath();
      con.arc(W, H, rad, 0, 2 * Math.PI, false);
      con.stroke();
      }
    }
  }
  </code></pre>