script.js

// Assignment Code
//We declare a gobal variable
var generateBtn = document.querySelector("#generate");

//We define the function to return integer in and create a new local variable 
function randomInt(min, max) {
  if (!max) {
    max = min;
    min = 0;
  }
  var any = Math.random();
  return Math.floor(min * (1 - any) + any * max);
}

//We create a function to get the random position from the list
function pickRandom(CharacterData) {
  return CharacterData[randomInt(0, CharacterData.length)];
}

//From the criteria : THEN I click the button to generate a password
//THEN I am presented with a series of prompts for password criteria
//Initially, console returns error that generatePassword is not defined, so we need to create the function

function generatePassword() {

  //We use the window object to prompt for the length of the password
  var Info = window.prompt("How many characters do you want your password to have?"); //It returns a string, but we need it to be a number, so we need the parseInt() function that turns string to a number
  var numOfCharacters = parseInt(Info); 
  //The global NaN property is a value that is Not-A-Number
  if (isNaN(numOfCharacters)) {
    window.alert("Use only numbers please.");
    //We stop the function 
    return;
  }

  //We use a statement with a conditional if the number of characters is less than 8, there will be an alert
  if (numOfCharacters < 8 || numOfCharacters > 128) {
    window.alert("Password must contain from 8 up to 128 characters");
    //End of function
    return;
  }

  //Criteria: WHEN asked for character types to include in the password 
  //THEN I confirm whether or not to include lowercase,

  //User wants lowercase
  var lowerCase = window.confirm("Do you want to use lower case?");

  // User wants uppercase,
  var upperCase = window.confirm("Do you want to use uppercase ?");

  //User wants numeric, and/or
  var numeric = window.confirm("Do you want to use numbers?");

  //User wants  special characters 
  var specialCharacters = window.confirm("Do you want to use special characters?");


  //Criteria :WHEN I answer each prompt THEN my input should be validated 
  //and at least one character type should be selected
  //After declaring the variables, we put them in an array and weclare a new variable to store the data
 
  var lowerCaseData = ["q", "w", "e", "r", "t", "y", "u", "i", "o", "p", "a", "s", "d", "f", "g", "h", "j", "k", "l", "z", "x", "c", "v", "b", "n", "m"];
  var upperCaseData = ["Q", "W", "E", "R", "T", "Y", "U", "I", "O", "P", "A", "S", "D", "F", "G", "H", "J", "K", "L", "Z", "X", "C", "V", "B", "N", "M"];
  var numericData = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"];
  var specialCharactersData = ["!", "%", "ñ", "$", "&", "@", "*", "+", "Ç", "#"];
  //var with the options the user selected, it has to be an empty array
  var optionsSelected = [];

  //Conditionals that pushes  the data 
  if (lowerCase === true) {
    optionsSelected.push(lowerCaseData);
  }

  if (upperCase === true) {
    optionsSelected.push(upperCaseData);
  }

  if (numeric === true) {
    optionsSelected.push(numericData);
  }

  if (specialCharacters === true) {
    optionsSelected.push(specialCharactersData);
  }

  //Function to stop the prompts if user selects NO (Cancel) to everything
  if (!lowerCase && !upperCase && !numeric && !specialCharacters) {
    window.alert("Please select at least one.");
    return
  }

  //We need a variable that will store the string with the password with the added random character
  var password = "";
  for (var i = 0; i < numOfCharacters; i++) {

    //We will pick an item in a random position
    var randomCharacter = pickRandom(optionsSelected)
    var pickedCharacter = pickRandom(randomCharacter)
    password = password + pickedCharacter;
    console.log(pickedCharacter)
  }
  return password
}

// Write password to the #password input
function writePassword() {
  var password = generatePassword();
  var passwordText = document.querySelector("#password");
  passwordText.value = password;
}

// Add event listener to generate button
generateBtn.addEventListener("click", writePassword);