Estoy trabajando en un proyecto de "Piedra, papel o tijera". El usuario hace clic en uno de los tres botones (ya sea piedra, papel o tijera), luego la computadora elegirá y luego se mostrará el ganador. Una vez que el usuario selecciona cuál quiere jugar, quiero poder usar la variable "userChoice" que tiene su elección más adelante en el código.
Este es mi HTML para los botones:
<div class="buttons"> <button id="Rock">Rock</button> <button id="Paper">Paper</button> <button id="Scissors">Scissors</button> </div>Este es mi JavaScript:
document.addEventListener('DOMContentLoaded', function(event) { document.querySelector('#Rock').onclick=function(e){ const userChoice = "Rock"; } document.querySelector('#Paper').onclick=function(e){ const userChoice = "Paper"; } document.querySelector('#Scissors').onclick=function(e){ const userChoice = "Scissors"; }})Pruebe este enfoque. Ahora, cuando el usuario hace clic en el botón Log user choice , verá en qué ha hecho clic.
let userChoice = '' document.querySelector('#Rock').onclick = function() { userChoice = "Rock"; } document.querySelector('#Paper').onclick = function() { userChoice = "Paper"; } document.querySelector('#Scissors').onclick = function() { userChoice = "Scissors"; } let user_choice = document.querySelector('#user-choice') user_choice.addEventListener('click', function() { console.log(userChoice) }) <div class="buttons"> <button id="Rock">Rock</button> <button id="Paper">Paper</button> <button id="Scissors">Scissors</button> </div> <p> <button id="user-choice">Log user choice</button> </p>