Dom input,slider

var input, button, greeting, slider;

​

function setup() {

​

  // create canvas

  createCanvas(710, 400);

  // creating input text box

  input = createInput();

  input.position(20, 65);

  //creating submit button

  button = createButton('submit');

  button.position(input.x + input.width, 65);

  button.mousePressed(greet);

  greeting = createElement('h2', 'what is your name?');

  greeting.position(20, 5);

  //create slider

  slider = createSlider(0, 100, 50);

  slider.position(20, 100);

  text("text size", slider.x * 2 + slider.width, 115)

​

  textAlign(CENTER);

}

​

function greet() {

  var name = input.value();

  greeting.html('hello '+name+'!');

  input.value('');

  textSize(slider.value());

  //fills canvas with the input

  for (var i=0; i<200; i++) {

    push();

    fill(random(255), 255, 255);

    translate(random(width), random(height));

    rotate(random(2*PI));

    text(name, 0, 0);

    pop();

  }

}