LAB: Dom Elements

let button; 

let name; 

let slider;

​

var input;

​

function setup() {

  createCanvas(windowWidth, windowHeight);

  background(255);

    //button

  button = createButton("YOUR MUSIC. YOUR MONEY");

  button.position(100, 230);

  button.mousePressed(changeBG);

​

// A

  fill(0, 255, 0);

  let a = createA("https://mezzoagency.com/", "Welcome to The Mezzo");

  a.position(120, 180);

//input

  inp = createInput('');

  inp.position(100, 250);

  inp.size(200);

  inp.input(TheInput);

  //slider

  slider = createSlider(0, 255, 100);

  slider.position(150, 150);

  slider.style('width', '80px');

​

}

​

  //change BG colors

​

function changeBG(){

background(random(99), random(5), random(33));

  button.html("YOUR. MUSIC. YOUR MONEY. YOUR WAY.");

if (mouseIsPressed === true) {

    fill(random(255));

    textSize(20);

    text("CLICK THE LINK", 120, 220);

  } else {

    rect(25, 25, 50, 50);

  }

}

​

function TheInput(){

}

​

function draw() {

}

​