Estoy trabajando en un juego de piedra, papel o tijera y tengo algunos problemas para incrementar la puntuación cuando se cumple una condición ganadora.
esta es mi puntuación HTML que quiero incrementar
<h1>you : <span id = "playerScore">0</span></h1> let playersScore = document.getElementById('playerScore'); function playersChoosesRock(){ if (playersChoice == ' Rock ' && computerChoice == ' Paper '){ playersScore.innerHTML = ++; console.log('YOU LOSE'); }Este es mi código javascript, el jugador selecciona Roca y la computadora selecciona Papel. Quiero incrementar mi 0 en el HTML. Si alguien puede ayudar, sería muy apreciado.
Este es el error que aparece cuando intento hacer el innerHTML = '1'
Uncaught TypeError: Cannot set properties of null (setting 'innerHTML')No puede asignar innerHtml a un operador porque toma un valor.
Puede agregar un contador en su JS y pasar su valor a innerHtml o innerText.
Mira este ejemplo:
índice.html
<h1>you <span id="playerScore">0</span></h1> <button id="button">click</button>aplicación.js
let playerScore = document.getElementById("playerScore"); let button = document.getElementById("button"); let score = 0; playerScore.innerHTML = score; button.addEventListener("click", () => { score++; playerScore.innerHTML = score; });