Hola a todos :) Estoy tratando de escribir un juego de piedra, papel o tijera, pero tengo un pequeño problema. ¿Hay alguna opción para asignar let playerChoice =buttons.forEach... a cualquier variable como lo hice en este código? Desafortunadamente, no funciona así. Adjunto mi código a continuación.
¡Gracias por cualquier consejo!
let choiceOptions = ["ROCK", "PAPER", "SCISSORS"]; let buttons = document.querySelectorAll('button'); let computerChoice = () => choiceOptions[Math.floor(Math.random() * choiceOptions.length)]; let playerChoice = buttons.forEach(button => { button.addEventListener('click', () => { return button.id.toUpperCase(); }); }); console.log(playerChoice) //does not workNo puedes usar forEach para hacer lo que quieras aquí.
En primer lugar, forEach nunca devuelve nada, pero en segundo lugar, está devolviendo button.id.toUpperCase() más tarde, cuando el usuario hace clic en el botón. Regresar de un controlador de eventos no asignará el valor a ningún lugar útil.
En su lugar, debe agregar la variable playerChoice en un ámbito externo compartido y asignarla en el evento.
let playerChoice; buttons.forEach(button => { button.addEventListener('click', () => { playerChoice = button.id.toUpperCase(); }); }); De esta forma, playerChoice se actualizará cuando el usuario haga clic en un botón.
Sin embargo, esto probablemente no lo ayudará, porque su código no sabrá que la variable ha sido actualizada. Entonces, en su lugar, creemos una devolución de llamada a la que su controlador de eventos pueda llamar.
let playerChoice; let setPlayerChoice = (choice) => { playerChoice = choice; // we can use the value of playerChoice now, // because this callback is being triggered // by the user clicking the button. console.log(playerChoice); } buttons.forEach(button => { button.addEventListener('click', () => { setPlayerChoice(button.id.toUpperCase()); }); });