Soy un súper principiante en JS. Intento crear una forma de generar un número único aleatorio (entre 0 y 10) haciendo clic en un botón. Quiero que este número se elimine de la matriz después de aparecer.
Gracias 🙏🏻
const btn = document.getElementById("btn"); const showNumber = document.querySelector("h2"); let allNumbers = []; for (var i =1; i <= 10; i++){ allNumbers.push(i); } const randomNumber = btn.addEventListener('click',()=> { let n = Math.floor(Math.random()*allNumbers.length+1); showNumber.innerText = n; }); if(allNumbers.indexOf(n+1) === n) { allNumbers.splice(n-1,1); };Supongo que desea que el botón pueda funcionar varias veces y que, por lo tanto, debe poder eliminar un número de la matriz sin importar dónde se encuentre, ya que sus posiciones cambiarán a medida que se eliminen los números. Por lo tanto, tiene varios problemas:
Para evitar el primer problema, en lugar de elegir un número aleatorio del 1 al 10 para eliminar, seleccione una ubicación aleatoria en la matriz:
const index = Math.floor(Math.random() * allNumbers.length); const n = allNumbers[index];Entonces puedes simplemente eliminar ese elemento por índice:
allNumbers.splice(index, 1); También tenga en cuenta que randomNumber no es útil porque addEventListener() solo devuelve undefined .