let txt;

let txtInput;

let starImg;

let xImg;

let ansTxt;

let corTxt;

let num1;

let num2;

let corAnsCoint = 0;

​

function preload() {

  starImg = loadImage("star.png");

  xImg = loadImage("X.png");

}

​

function setup() {

  num1 = floor(random(3, 12));

  num2 = floor(random(3, 12));

​

  sumbitButtion = createButton("Submit");

  txt = createP(num1 + " * " + num2);

​

  txtInput = createInput();

  ansTxt = createP();

  corTxt = createP("Answered correctly: " + 0);

  sumbitButtion.mousePressed(submit);

  txtInput.changed(submit);

​

  createCanvas(400, 400);

  background(255);

}

​

function submit() {

  if (txtInput.value() != num1 * num2) {

    incorrect();

    // ansTxt.html("Correct!");

  } else {

    correct();

    // ansTxt.html("Incorrect!");

  }

​

  num1 = floor(random(3, 12));

  num2 = floor(random(3, 12));

​

  txt.html(num1 + " * " + num2);

}

​

function correct() {

  ansTxt.html("Correct!");

  corAnsCoint++;

  corTxt.html("Answered correctly: " + corAnsCoint);

  imageMode(CENTER);

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

    image(starImg, random(width - 50), random(height - 50), 100, 100);

  }

  //image(starImg, mouseX, mouseY, 100, 100);

}

​

function draw() {

  frameRate(1);

  background(255);

}

​

function incorrect() {

  ansTxt.html("Incorrect!");

  imageMode(CENTER);

  image(xImg, random(width - 50), random(height - 50), 100, 100);

}

​