script.js

const inputSlider = document.getElementById("inputSlider");
const sliderValue = document.getElementById("sliderValue");
const passBox = document.getElementById("passBox");

const lowercaseE1 = document.getElementById("lowercase");
const uppercaseE1 = document.getElementById("uppercase");
const numbersE1 = document.getElementById("numbers");
const symbolsEl = document.getElementById("symbols");

const generateBtn = document.getElementById("genBtn");
const copyBtn = document.getElementById("copyIcon");
const passIndicator = document.getElementById("passIndicator");


const lowercaseLetters = "abcdefghijklmnopqrstuvwxyz";
const uppercaseLetters = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
const numbers = "0123456789";
const symbols = "!@#%^&*()_+-=[]{}\\||;':\",./<>?";

sliderValue.textContent = inputSlider.value;
inputSlider.addEventListener('input',()=>{

    sliderValue.textContent = inputSlider.value;
    generatePassword();

})

function generatePassword(){
    const length = inputSlider.value;
    let charecters = "";
    let password = "";

    charecters += lowercaseE1.checked ? lowercaseLetters : "";
    charecters += uppercaseE1.checked ? uppercaseLetters : "";
    charecters += numbersE1.checked ? numbers : "";
    charecters += symbolsEl.checked ? symbols : "";

    for(let i = 0 ; i < length ; i++){
        password += charecters.charAt(Math.floor(Math.random() * charecters.length));
    }
    passBox.value = password;
    updatePasswordIndicator();

}

generateBtn.addEventListener("click",()=>{
    generatePassword();
});

function updatePasswordIndicator(){
    const passwordStrength = getPasswordStrength(passBox.value);
    console.log(passwordStrength);
    passIndicator.className = "pass-indicator " + passwordStrength;
    console.log(passIndicator.className);
}

function getPasswordStrength(password){

    if(password.length <= 10){
        return "weak";
    }else if(password.length <=20){
        return "medium";
    }else{
        return "strong";
    }
}


window.addEventListener('DOMContentLoaded',()=>{
    updatePasswordIndicator();
});


copyBtn.addEventListener("click",()=>{

    if(passBox.value != "" || passBox.value.length >= 1){
        navigator.clipboard.writeText(passBox.value);
        copyBtn.innerText = "check";

        setTimeout(()=>{
            copyBtn.innerHTML = "content_copy";
        }, 3000);
    }

});