​

let start_flag = false;

​

function setup() {

  createCanvas(800, 800);

}

​

function draw() {

  // background(220);

  let rand_num = floor(random(0,4));

  let val = rand_num

  fill(0)

  if(start_flag==false)

  {

        let color_chosen = colors[rand_num];

        text(color_chosen,width/4, height/3)

        start_flag = true;  

  }

 if (val == 0 && mouseX > 20 && mouseX < 120 && mouseY > 200 && mouseY < 300) 

 {

    if (mouseIsPressed == true) 

    {

        start_flag = false;

        display_page();

    }

}

​

//   if(mouseX< width/2 && mouseY>height/2)

//       {

//         if(mouseIsPressed === true)

//           {

//             start_flag = false;

//             display_page()

//           }

//       }

      }

  function display_page()

{

  fill(255)

  square(0,0,800)

  //red square

  fill(255,0,0)

  square(20,200,100)

}

//   if(frameCount<200)

//     {

//       text("CLICK ON THE CORRECT COLOR", height/4, width/4);

//     }

//   if(frameCount>200)

//     {

//       if(start_flag==false){

//         let rand_num = floor(random(0,3));

//         let color_chosen = colors[rand_num];

//         text(color_chosen,width/4, height/3)

//         start_flag = true;

//       }

//     }

​