let userInput = "";

​

function setup() {

  createCanvas(600, 400);

  inputField = createInput(); // create the input field

  inputField.position(10, 10); // set the position of the input field

  inputField.input(updateText); // event listener for text input

}

​

function draw() {

  background(220);

  textSize(24);

  text(userInput, 10, 100); // display the text input on canvas

}

​

function updateText() {

  userInput = this.value(); // update the user input as they type

}

​

function keyPressed() {

  if (keyCode === ENTER) {

    userInput = ""; // clear the text when ENTER is pressed

    inputField.value(""); // clear the input field as well

  }

}

​