var button;

var background_color;

var field;

var writing;

​

function setup() {

  createCanvas(400, 400);

  button = createButton("This is a button");

  button.id('buttonA');

  button.position(100, 100);

  button.mouseOver(doThis);

  //try mouseOut to counter mouseOver

  button.mouseOut(doThat);

  background_color = (255);

  field = createInput("Type your text here");

  field.position(200, 200);

}

​

function draw() {

  background(background_color);

  writing = field.value();

  fill(0)

  text(writing, 100, 300);

}

​

function doThis() {

  // console.log("Got here");

  background_color = random(255);

}

​

function doThat() {

  // console.log("Got here");

  background_color = (0);

}