Hi, I tried this solution but nothing changedβ¦
Iβll leave my app.js here if anyone wants to help me:
const allCharacters = [β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β,
β~β,β`β,β!β,β@β,β#β,β$β,β%β,β^β,β&β,β*β,β(β,β)β,β_β,
β-β,β+β,β=β,β{β,β[β,β}β,β]β,β,β,β|β,β:β,β;β,β<β,β>β,
β.β,β?β,β/β];
const withSymbols = [β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β,
β~β,β`β,β!β,β@β,β#β,β$β,β%β,β^β,β&β,β*β,β(β,β)β,β_β,
β-β,β+β,β=β,β{β,β[β,β}β,β]β,β,β,β|β,β:β,β;β,β<β,β>β,
β.β,β?β,β/β];
const withNumbers = [β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β]
const onlyLetters = [β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β]
const btnEl = document.getElementById(βbtn-elβ);
const firstPass = document.getElementById(βpassword1β);
const secondPass = document.getElementById(βpassword2β);
/* CHECKBOX */
const inputNumbers = document.getElementById(βnumbersβ);
const inputSymbols = document.getElementById(βsymbolsβ);
/* Copy Icon */
const copyIcons = document.querySelectorAll(βiβ);
/* Take Slider Value */
const lengthSlider = document.getElementById(βlengthSliderβ);
const lengthP = document.getElementById(βlengthPβ);
lengthSlider.addEventListener(βmousemoveβ, () => {
lengthP.textContent = lengthSlider.value
})
//Generate Button
btnEl.addEventListener(βclickβ, randomPass);
//Copy Icon Event Listener
copyIcons.forEach(copyIcon => {
copyIcon.addEventListener(βclickβ, copyText);
})
/* Random Password Generator */
function randomPass() {
firstPass.textContent = " ";
secondPass.textContent = " ";
//Selected length
let length = lengthSlider.value
/* No Numbers /
if (!inputNumbers.checked && inputSymbols.checked) {
for(let i = 0; i < length; i++) {
let shuffle1 = Math.floor(Math.random() * withSymbols.length);
let shuffle2 = Math.floor(Math.random() * withSymbols.length);
firstPass.textContent += withSymbols[shuffle1];
secondPass.textContent += withSymbols[shuffle2];
}
/ No Symbols /
} else if (inputNumbers.checked && !inputSymbols.checked) {
for(let i = 0; i < length; i++) {
let shuffle1 = Math.floor(Math.random() * withNumbers.length);
let shuffle2 = Math.floor(Math.random() * withNumbers.length);
firstPass.textContent += withNumbers[shuffle1];
secondPass.textContent += withNumbers[shuffle2];
}
/ Only Letters /
} else if (!inputNumbers.checked && !inputSymbols.checked) {
for(let i = 0; i < length; i++) {
let shuffle1 = Math.floor(Math.random() * onlyLetters.length);
let shuffle2 = Math.floor(Math.random() * onlyLetters.length);
firstPass.textContent += onlyLetters[shuffle1];
secondPass.textContent += onlyLetters[shuffle2];
}
/ All char */
} else {
for(let i = 0; i < length; i++) {
let shuffle1 = Math.floor(Math.random() * allCharacters.length);
let shuffle2 = Math.floor(Math.random() * allCharacters.length);
firstPass.textContent += allCharacters[shuffle1];
secondPass.textContent += allCharacters[shuffle2];
}
}
}
function copyText() {
const text = firstPass.textContent;
navigator.clipboard.writeText(text)
}