Necesito ayuda para recorrer la matriz usando los resultados de la función que creé.
La función lanza 2 dados y genera los 2 números de dados 1-6 y luego indica la suma de la tirada. Necesito AYUDA para rastrear los resultados después de cada tirada .
¡Nulo es para cero y uno que no puede ser el resultado de un lanzamiento de 2 dados!
let results = [null, null, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0]; function rollDice(){ let dice0 = document.getElementById("dice0"); let dice1 = document.getElementById("dice1"); let result=document.getElementById("result"); let d0= Math.floor(Math.random()*6)+1; let d1= Math.floor(Math.random()*6)+1; let total = d0+d1; dice0.innerHTML = d0; dice1.innerHTML = d1; result.innerHTML = "You rolled "+total+"." Objetivo: mostrar los resultados 2-12 en la página HTML y cuántas veces salió cada número. Ejemplo Resultados esperados:
Has sacado 2; 4 veces
Has sacado 3; 9 veces
Has sacado 4; 7 veces
... así sucesivamente y así sucesivamente
Aquí está el HTML para aquellos que quieran verlo:
<body> <div id="dice0" class="dice">0</div> <div id="dice1" class="dice">0</div> <br> <button onclick ="rollDice()">Roll a Pair of Dice</button> <div id="result"></div> <div id="list"></div> <script src="code.js"></script> </body> </html> let results = [null, null, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0]; function rollDice() { let dice0 = document.getElementById("dice0"); let dice1 = document.getElementById("dice1"); let result = document.getElementById("result"); let d0 = Math.floor(Math.random() * 6) + 1; let d1 = Math.floor(Math.random() * 6) + 1; let total = d0 + d1; dice0.innerHTML = d0; dice1.innerHTML = d1; result.innerHTML = "You rolled " + total + "." } <div id="dice0" class="dice">0</div> <div id="dice1" class="dice">0</div> <br> <button onclick="rollDice()">Roll a Pair of Dice</button> <div id="result"></div> <div id="list"></div>Utilice este código.
let results = [null, null, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0]; function rollDice(){ let dice0 = document.getElementById("dice0"); let dice1 = document.getElementById("dice1"); let result = document.getElementById("result"); let list = document.getElementById("list"); let d0= Math.floor(Math.random()*6)+1; let d1= Math.floor(Math.random()*6)+1; let total = d0+d1; dice0.innerHTML = d0; dice1.innerHTML = d1; result.innerHTML = "You rolled "+total+"." results[total]++; list.innerHTML = results.map((val, index) => `You have rolled ${index}; ${val} times`).join('<br/>'); }Cuando el usuario ha hecho clic en el botón, los tiempos rodados se guardan en la variable de resultados. Luego obtenemos la lista de cada punto de la variable "resultados" con el método de mapa y lo mostramos en "lista" div.