let rectH = 100;

let lightSwitch = false;

​

function setup() {

  createCanvas(400, 400);

  rectMode(CENTER);

  fill(255);

}

​

function draw() {

  background(220);

​

  if (lightSwitch != true) {

    fill(0);;

​

  } else if (lightSwitch) {

    fill(255, 255, 0);

  }

​

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

​

  //textAlign(CENTER);

  //textSize(48);

  //text('hello', width/2,height/2);

​

}

​

function mousePressed() {

​

  if (mouseX > width / 2 - rectW / 2 &&

    mouseY > height / 2 - rectH / 2 &&

    mouseX < width / 2 + rectW / 2 &&

    mouseY < height / 2 + rectH / 2) {

​

    // if (lightSwitch != true) {

    //   lightSwitch = true;

    // } else if (lightSwitch) {

    //   lightSwitch = false;

  }

  lightSwitch = !lightSwitch;

​

  console.log('mouse has been pressed');

​

}