Este es el código js que he escrito. Genera una cadena aleatoria. He configurado esta cadena para que tenga 100 caracteres, pero no "encaja" en el cuadro de entrada. La cadena solo se muestra en una línea.
<div> <script> var password = document.getElementById("password"); function genPassword() { var chars = "0123456789abcdefghijklmnopqrstuvwxyz!@#$%^&*()ABCDEFGHIJKLMNOPQRSTUVWXYZ"; var passwordLength = 100; var password = ""; for (var i = 0; i <= passwordLength; i++) { var randomNumber = Math.floor(Math.random() * chars.length); password += chars.substring(randomNumber, randomNumber + 1); } document.getElementById("password").value = password; } function copyPassword() { var copyText = document.getElementById("password"); copyText.select(); copyText.setSelectionRange(0, 999); document.execCommand("copy"); } </script> <div class="konzbox"> <h2>Zufälliger Konztest-Generator</h2> <input type="text" name="" placeholder="Erstelle Konztest" id="password" readonly /> <table> <th> <div id="button" class="btn1" onclick="genPassword()">Generate</div> </th> <th> <div id="button" class="btn2" onclick="copyPassword()">Copy</div> </th> </table> </div> </div>Puede usar un área de texto en lugar de ingresar su contraseña.
function genPassword() { var chars = "0123456789abcdefghijklmnopqrstuvwxyz!@#$%^&*()ABCDEFGHIJKLMNOPQRSTUVWXYZ"; var passwordLength = 100; var password = ""; for (var i = 0; i <= passwordLength; i++) { var randomNumber = Math.floor(Math.random() * chars.length); password += chars.substring(randomNumber, randomNumber +1); } document.getElementById("password").value = password; } function copyPassword() { var copyText = document.getElementById("password"); copyText.select(); copyText.setSelectionRange(0, 999); document.execCommand("copy"); } <div class="konzbox"> <h2>Zufälliger Konztest-Generator</h2> <textarea name="" id="password" cols="30" rows="10" readonly></textarea> <table> <th><div id="button" class="btn1" onclick="genPassword()">Generate</div></th> <th><div id="button" class="btn2" onclick="copyPassword()">Copy</div></th> </table> </div>