p5.js createInput() Function

function setup() {
  createCanvas(300, 200);
  textSize(18);

  text("Enter username:", 20, 20);
  usernameInput = createInput('Your username', 'text');
  usernameInput.position(30, 40);

  text("Enter password:", 20, 80);
  passInput = createInput('', 'password');
  passInput.position(30, 100);

  text("Enter Date of Birth:", 20, 140); 
  dobInput = createInput('1970-01-01', 'date');
  dobInput.position(30, 160);
}

function setup() {
  createCanvas(600, 300);
  textSize(28);
  text("Write in the input box to display the text", 20, 40);

  // Create input element
  let inputElem = createInput('');
  inputElem.input(onInput);
  inputElem.position(30, 60)
}

function onInput() {
  clear();
  text("Write in the input box to display the text", 20, 40);

  fill("green")
  strokeWeight(10)
  rect(0, 100, 600, 100)

  // Display the text entered
  fill("black")
  text(this.value(), 20, 140)
}