let textInput;

let textToRender = '';

​

function setup() {

  createCanvas(400, 400);

  /* create submit button */

  submitButton = createButton("submit text");

  /* on click submit button, run renderText function */

  submitButton.mousePressed(renderText);

  /* create text input */

  textInput = createInput('enter text');

}

​

function draw() {

  background(0);

  fill(255);

  /* center align text */

  textAlign(CENTER);

  /* render textToRender at 200,200 on the canvas */

  text(textToRender, 200,200)

}

​

function renderText(){

  /* use console.log to check that function is running */

  console.log('running renderText')

  /* set textToRender value to text input value */

  textToRender = textInput.value()

}