number-in-box.js

// "number in box" - try clicking in the window

// this is the "data"
var c = 0;
var x = 50;
var y = 50;

function setup() {
  createCanvas(340, 340);
}

// this is the "render" function
function draw() {
  background(220);
  noStroke();
  fill('red');
  rect(x, y, width/4, height/4);
  fill(0);
  textSize(32);
  text(c, x+10, y+32);
}

// this function detects a mouse click (an event)
function mousePressed() {
  x = mouseX + 0;
  y = mouseY + 0;
  c = c + 1;
}