​

let x = 0

​

function setup() {

  createCanvas(400, 400);

}

​

​

function draw() {

  // version using only i

  //for(let i = 0;i<width; i+= width/10) {

  //  rect(i,0,width/10, height);

  //}

  // version using x

  //for(let i = 0; i<10; i++) {

  //  rect(x, 0, width/10, height);

  //  x += width/10;

  //}

  // red when mouse is hovered

  //x=0;

  ////version using i, x

  //for(let i=0; i<10; i++) {

  //    if(mouseX >= x && mouseX < x+width/10) {fill('red')};

  //    //console.log(x, i);

  //    rect(x, 0, width/10, height);

  //    x += width/10;

  //    fill(255);

  //}

  // stripes

  for(let i=0; i<10; i++) {

    if(i%2==0) {fill('red')} else {fill('white')}

    rect(x, 0, width/10, height);

    x += width/10;    

  }

}