let slider;

let field;

​

function setup() { 

  createCanvas(400, 400);

  button = createButton("HelloWorld");

  button.mousePressed(randomRectangle)

  button.position(0, 0);

  button.size(100,100);

  button.style("font-family", "Times");

  button.style("background-color", "#003648");

    button.style("color", "#00b5e2");  

  slider = createSlider(0, 255, 100);

  slider.position(10, height - 20);

  slider.size(width - 20, 20)

  field = createInput("hello");

  field.position(10, height - 10);

} 

​

function draw() { 

  background(slider.value());

  text(field.value(), width/2, height * 0.667);

}

​

function randomRectangle() {

    fill(random(0,242,255));

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

  rect(random(width)*i, random(height), random(100), random(100));

  }

}