0
136
ViewsEjercicio de Javascript "hacer que todos los valores sean ajustables por el usuario"
Tengo este desafío de codificación de Javascript para principiantes en el que tengo que generar caracteres aleatorios y el usuario elige el ancho, la altura y el "aleatorio" es la cantidad de veces que el carácter aleatorio aparece en el ciclo, según entendí.
hacer que todos los valores sean ajustables por el usuario
Sé que esta solución es muy simple, pero parece que no puedo alcanzarla. Este es mi código hasta ahora:
<script type="text/javascript"> let width = prompt("Choose a Width value"); let height = prompt ("Choose a height value"); let random = prompt ("Choose a random value"); let string = ""; for(let i = 0; i < height; i++) { for(j = 0; j < width; j++) { string += "#"; } string += "<br>"; } const characters = '*'; function generateRandomCode(){ let result = "" let charactersLength = characters.length; for (let i = 0; i < random ; i++) { result += characters.charAt(Math.floor(Math.random() * charactersLength)); } return result } document.write(string); </script>¿Alguien sabe cómo generar estos caracteres aleatorios y hacer que el usuario elija la cantidad de veces que lo hace? Gracias <3
·
Juan Pablo Isaza
1 answers
Answer question0
Las cadenas son inmutables. Podría ser más fácil con una matriz 2d.
document.getElementById("calc").onclick = () => { const width = document.getElementById("width").value; const height = document.getElementById("height").value; const random = document.getElementById("random").value; // Create the 2d array, filled with '#' var arr = Array.from({length: height}, () => Array.from({length: width}, () => '#')); // Replace in array at random indexes let replaced = 0; while (replaced < random) { const x = Math.floor(Math.random() * height); const y = Math.floor(Math.random() * width); if (arr[x][y] !== '*') { arr[x][y] = '*'; replaced += 1; } } // Convert to string let result = arr.join('<br/>').replaceAll(',',''); // Display result document.getElementById("result").innerHTML = `<pre>${result}</pre>`; }; <div> <label for="width">Width:</label> <input type="number" id="width" value="5" /> </div> <div> <label for="height">Height:</label> <input type="number" id="height" value="5" /> </div> <div> <label for="random">Random:</label> <input type="number" id="random" value="5" /> </div> <div> <button id="calc">Go</button> </div> <div id="result">
·
Juan Pablo Isaza
Report
Answer question