let myButton;

let myText;

let numNames = 200;

​

function setup() {

  createCanvas(400, 400);

  textSize(16);

  myText = createP("What's your name?");

  myInput = createInput("");

  myButton = createButton("Submit");

  // myInput.input(function(event) {

  //   print(myInput.value());

  // });

  myButton.mousePressed(function() {

    print(myInput.value());

    drawName(myInput.value());

  });

  background(220); 

}

​

function drawName(name) {

  let greeting = "Hi " + name + "!";

  for (let i = 0; i < 400; i+=1) {

    push();

      let x = random(0, width);

      let y = random(0, height);

      let theta = random(0, TWO_PI);

      fill(200, 100, random(100, 255));

      translate(x, y);

      rotate(theta);

      text(greeting, 0, 0);

    pop();

  }

}

​

function draw() {

}