let rectH = 100;

​

function setup() {

  createCanvas(400, 400);

  rectMode(CENTER);

}

​

function draw() {

  background(220);

  if (

  mouseX > width /2 - rectW / 2 &&

  mouseX < width / 2 + rectW / 2 &&

  mouseY > height / 2 - rectH / 2 &&

  mouseY < height /2 + rectH /2){

​

  // if my mouse is on the canvas

  // if(mouseX>0 && mouseX<width && mouseY>0 && mouseY<height){

  // if (mouseX>150 && mouseX<250 && mouseY>150 && mouseY<250){

    fill(255, 255, 0);

  } else {

    fill(0)

  }

  rect(width/2, height/2, rectW, rectH);

  console.log(mouseX, mouseY);

​

}