createCanvas(400, 400);

}

​

function draw() {

  background(220);

  const columnWidth = width / 20;

​

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

    let fillColor = 'lavender';

​

    // change color on hover: blue for every other column

    if (isHovered(i, columnWidth)) {

      fillColor = (i % 2 === 0) ? 'blue' : 'red'; // blue if even, red if odd

    }

​

    fill(fillColor); // set the fill color

    rect(i * columnWidth, 0, columnWidth, height); 

  }

}

​

// check if the mouse is hovering over a specific column

function isHovered(index, columnWidth) {

  return mouseX > index * columnWidth && mouseX < (index + 1) * columnWidth && mouseY < height; // check for hover

}

​