Estoy tratando de crear un formulario de inicio de sesión con un generador de contraseñas, por lo que mi problema es que quiero generar 3 tokens. Lo que he intentado hacer genera solo 1 token por clic. Entonces, en lugar de solo 1 token de contraseña que se generará, ¿hay alguna forma de que se generen 3 tokens de contraseña en su lugar?
const CHARS = "0123456789abcdefghijklmnopqrstuvwxyz!@#$%^&*()ABCDEFGHIJKLMNOPQRSTUVWXYZ"; const randomCharacter = (chars) => () => chars[Math.floor(Math.random() * chars.length)]; const generatePassword = (chars) => (length) => () => [...Array(length)].map(randomCharacter(chars)).join(""); const passwordInput = document.querySelector("#password"); const generatePasswordChars = generatePassword(CHARS); const generatePasswordChars12 = generatePasswordChars(12); document.querySelector("#generate-button").addEventListener("click", () => { passwordInput.value = generatePasswordChars12(); }); document.querySelector("#copy-button").addEventListener("click", () => { navigator.clipboard .writeText(passwordInput.value) .catch(() => console.error("Can't copy (you need to open this in its own window).") ); }); <div class="body"> <div class="box"> <h2>Random Password Generator</h2> <input type="text" placeholder="Create password" id="password" readonly /> <div class="actions"> <button id="generate-button">Generate</button> <button id="copy-button">Copy</button> </div> </div> </div> <div class="body"> <div class="box"> <h3>Login</h3> <input type="text" placeholder="Enter Password" id="passcode" readonly /> <div class="actions"> <button id="enter-button">Enter</button> </div> </div> </div>