const characters = ["A", "B", "C", "D", "E", "F", "G", "H", "I", "J", "K", "L", "M", "N", "O", "P", "Q", "R", "S", "T", "U", "V", "W", "X", "Y", "Z", "a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m", "n", "o", "p", "q", "r", "s", "t", "u", "v", "w", "x", "y", "z", "0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "~", "`", "!", "@", "#", "$", "%", "^", "&", "*", "(", ")", "_", "-", "+", "=", "{", "[", "}", "]", ",", "|", ":", ";", "<", ">", ".", "?",
    "/"];

let newArr = characters

const generateButton = document.getElementById("generateButton")
const passwordExOne = document.getElementById("passwordExOne")
const passwordExTwo = document.getElementById("passwordExTwo")
const numberOption = document.getElementById("numberOption")
const signOption = document.getElementById("signOption")


function testDisabled() {
    const numberEnable = numberOption.checked
    const signEnable = signOption.checked
    const chracterArr = characters.slice(0, 52)

    // both disabled
    if (!numberEnable && !signEnable) {
        return chracterArr
    }
    // only numbers disabled
    if (!numberEnable) {
        const signs = characters.slice(62)
        return chracterArr.concat(signs)
    }
    // only signs disabled
    if (!signEnable) {
        // characters and numbers
        return characters.slice(0, 62)
    }
    return characters
}

numberOption.addEventListener("change", (event) => {
    newArr = testDisabled()
})
signOption.addEventListener("change", (event) => {
    newArr = testDisabled()
})



function generatePassword() {
    let password = ""
    for (let i = 0; i < 15; i++) {
        password += newArr[Math.floor(Math.random() * newArr.length)]
    }
    return password
}
generateButton.addEventListener("click", () => {
    passwordExOne.textContent = generatePassword()
    passwordExTwo.textContent = generatePassword()
})



function copyText(passwordEx) {
    event.preventDefault();
    if (event.clipboardData) {
        event.clipboardData.setData("text/plain",
            passwordEx === "one"
                ? passwordExOne.textContent
                : passwordExTwo.textContent);
    }
}
passwordExOne.addEventListener("click", () => {
    document.execCommand("copy");
})
passwordExTwo.addEventListener("click", () => {
    document.execCommand("copy");
})

passwordExOne.addEventListener("copy", function (event) {
    copyText("one")
});
passwordExTwo.addEventListener("copy", function (event) {
    copyText("two")
});