​

  let input, button, greeting;

  var img;

  let c2;

​

  sketch.preload = () => {

    img = sketch.loadImage('April20200.jpg');

    img1 = sketch.loadImage('calendar2020.jpg');

    img3 = sketch.loadImage('alzheimer.jpg');

  }

​

  sketch.setup = () => {

    c2 = sketch.createCanvas(800, 600);

    c2.mousePressed(dothis);

​

​

​

    input = sketch.createInput();

    input.position(300, 50);

​

    greeting = sketch.createElement('h2', 'Enter 4 digit password:');

    greeting.position(290, 0);

​

    button = sketch.createButton('enter');

    button.position(input.x + input.width, 50);

    button.mousePressed(greet);

​

    sketch.textAlign(CENTER);

    sketch.textSize(35);

​

    // textFont('Calibri');

    // textSize(20);

    // textStyle(BOLD);

    // fill(116, 115, 255);

    // text("Three constants on the tails tell you the answer", 410, 125);

    // text("Check the poem", 410, 100);

​

  };

  sketch.draw = () => {

    sketch.image(img, 190, 130);

  };

​

  greet = () => {

    answer = input.value();

    if (answer == '0206') {

      greeting.html(answer + ' You got it!');

      sketch.background(255);

      // textSize(20);

      // text('https://alz.org/alzheimers-dementia/stages', 190, 120);

      // fill(0, 102, 153);

      sketch.image(img3, 80, 70);

    } else {

      greeting.html(answer + ' Wrong!');

    }

  };

​

  dothis = () => {

    sketch.image(img1, 190, 130);

  };

};

​

let myp5pt2 = new p5(s1, 'container');

​

​

​

​

​

​

​

/////

​

​

​

function draw() {

​

}

​

function greet() {

​

}