var button;

var slider;

//var input;

var nameP;

var txt;

​

function setup() {

  createCanvas(400, 400);

  bgcolor = color(150);

  nameP = createP('your name');

  button = createButton('let me do this');

  //button.mousePressed(changeColor);

  slider = createSlider(10, 100, 20);

  //input = createInput('type your name');

  txt = createP('some text');

  //button.mousePressed(changeStyle);

  txt.mouseOver(changeStyle);

  txt.mouseOut(revertStyle);

}

​

function changeColor() {

    bgcolor = color(random(255));

}

​

function changeStyle() {

  txt.style("background-color", "pink");

  txt.style("padding", "24px");

}

​

function revertStyle() {

  txt.style("background-color", "white");

  txt.style("padding", "24px");

}

​

function draw() {

  background(bgcolor);

  ellipse(100,100, slider.value(), slider.value());

  //nameP.html(input.value());

  //text(input.value(),20, 30);

​

}