script.js

const btn = document.getElementById('gen-pwd');
const passwordBox = document.getElementById('password');
const imgCopy = document.getElementById('copyImg');

const length = 8;
const upperCase = 'ABCDEFGHIJKLMNOPQRSTUVQXYZ';
const lowerCase = 'abcdefghijklmnopqrstuvwxyz';
const numbers = '0123456789';
const symbols = '~!@#$%^&*_?/';
const allChars = upperCase + lowerCase + numbers + symbols;

btn.addEventListener('click', () => {
    let password = "";
    password += upperCase[Math.floor(Math.random() * (upperCase.length))];
    password += lowerCase[Math.floor(Math.random() * (lowerCase.length))];
    password += numbers[Math.floor(Math.random() * (numbers.length))];
    password += symbols[Math.floor(Math.random() * (symbols.length))];

    while (length > password.length) {
        password += allChars[Math.floor(Math.random() * (allChars.length))];
    }
    passwordBox.value = password;
})

imgCopy.addEventListener('click', () => {
    passwordBox.select();
    //copies the current selection into the clipboard
    document.execCommand("copy");
})