xxxxxxxxxx51
//Q1 Create 20 columns that turn red only when you hover over the column. Do it 3 ways: Without a loop. With a for loop. With a while loop.function setup() { createCanvas(400, 400);}function draw() { background(220); for(let x=0; x<width; x+=20){ if(mouseX>x && mouseX< x+20) { fill ('red'); } else { fill('white'); } rect(x,0,width/20,height); } // rect(0, 0, width / 20, height);// rect(20, 0, width / 20, height);// rect(40, 0, width / 20, height);// rect(60, 0, width / 20, height);// rect(80, 0, width / 20, height);// rect(100, 0, width / 20, height);// rect(120, 0, width / 20, height);// rect(140, 0, width / 20, height);// rect(160, 0, width / 20, height);// rect(180, 0, width / 20, height);// rect(200, 0, width / 20, height);// rect(220, 0, width / 20, height);// rect(240, 0, width / 20, height);// rect(260, 0, width / 20, height);// rect(280, 0, width / 20, height);// rect(300, 0, width / 20, height);// rect(320, 0, width / 20, height);// rect(340, 0, width / 20, height);// rect(360, 0, width / 20, height);// rect(380, 0, width / 20, height); // if (mouseX > 0 && mouseX<20){// fill('red')// rect(0, 0, width / 20, height);// } else {// fill('white')// } }