Password Generator

• What did you find difficult while building the project?

CSS: I found some difficult styling the input range, specially having two different colors on the input.

JavaScript: I found some difficult when I try to create a function that check if all my checkbox inputs were unchecked or at least one were checked. Because depends on this the generate button would be able or not. Also I didn't know how copy with the clipboard, looking on internet I found an old way to do it (deprecated). I'll let the way below of how you copy a value on your clipboard just because I didn't know until this project and maybe can help somebody:

const myInput = document.querySelector("#my-input").value;
const submitBtn = document.querySelector("#submit");

function copyClipboard() {
    try {
        // This line copy what you have on your input.
        navigator.clipboard.writeText(myInput);
    } catch (err) {
        console.log("Error with the clipboard API", err);
    }
}

submitBtn.addEventListener("click", copyClipboard);

• Which areas of your code are you unsure of?

I would say that the area of my code that I'm unsure is on the Strength level bars. They don't are really analyzing the password an making sure if is really a strong password or not. they're just checking how many checkboxes are marked and depends on this make a result.