let userinput;

let btn;

let sliderX;

let sliderY;

let sliderFontSize;

let x = 10;

let y =10;

let fs =10;

let header;

​

function setup() {

  //noCanvas();

  header = createP("HEY!!");

  userinput = createInput("Type info here");

  btn = createButton("Submit");

  btn.mousePressed(getInfoFromInput);

  createP("X value");

  sliderX = createSlider(0, canvas.width, 10, 1);

    createP("y value");

  sliderY = createSlider(0, canvas.height, 10, 1);

    createP("Font Size");

  sliderFontSize = createSlider(6,300,12,2);

  createCanvas(400, 400);

}

​

function draw() {

  background(220);

  ellipse(x, y, 50, 50);

  textSize(fs);

  text(txt, width / 2, height / 2);

  x= sliderX.value();

  y= sliderY.value();

  fs= sliderFontSize.value();

}

​

function getInfoFromInput() {

  txt = userinput.value();

  header.html(txt);

}