let password = "";

let button;

​

let slider;

let val;

​

function setup() {

  createCanvas(500, 300);

  background(48, 84, 122);

  slider = createSlider(0, 10, 7, 1);

  slider.position(50, 100);

  slider.style("width", "400px");

  button = createButton("Generate Password");

  button.position(50, 150);

  button.mousePressed(generatePassword);

}

​

function generatePassword() {

  password = '';

  for (let i = 0; i <= val; i++) {

    let randomNumber = Math.floor(Math.random()*26);

    password += alphabet[randomNumber];

  }

}

​

​

function draw() {

  textSize(20);

  fill('hotpink');

  text("Enter the desired lenght of your password", 50, 50);

  noStroke();

  fill(48, 84, 122);

  rect(220,70,20,20);

  fill('hotpink');

  text(val, 220, 90);

  val = slider.value();

  fill(48, 84, 122);

  rect(100,180,320,60);

  fill('hotpink');

  text(password, 200,200);

}

​