title: Using for loop to print grid in JavaScript
body: <p>I am trying to create a small grid for connect four game using a four loop. I have printed circles for X and Y axis but I have only been able to print 1 row successfully, I am trying to print this seven times across the canvas but the for loop I have created does not seem to work.</p>
  
  <pre><code>var x = 30;
  
  var y = 30; 
  
  function setup(){
  
  createCanvas(300,300);
  background(0);
  
  for(i=0; i&lt;=6; i++){
      for(i=0; i&lt;=6; i++){
          x+=30;
          circle(x, y, 20);
              for(i=0; i&lt;=6; i++){
                  y+=30;
                  circle(x, y, 20);
          }
      }   
  }
      }
      setup();
  </code></pre>
  
  <p>I am trying to achieve this:</p>
  
  <p><a href="https://i.stack.imgur.com/vlnqg.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/vlnqg.png" alt="https://cdn-images-1.medium.com/max/1600/1*A5b630g96x9PrhwB9Mvf1w.png"></a></p>