es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

Incrementando números HTML con el DOM

Estoy trabajando en un juego de Piedra Papel Tijera y tengo problemas para incrementar la puntuación cuando se cumple una condición de victoria.

Este es mi marcador 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 “Rock” y el ordenador selecciona “Paper”. Quiero incrementar mi contador a “0” en el HTML. Si alguien puede ayudarme, estaría muy agradecido.

Este es el error que aparece cuando intento establecer el innerHTML en ‘1’.

Uncaught TypeError: No se pueden establecer propiedades de null (pero se encontró 'innerHTML')
Tags:  ,

Answer

  1. Avatar for davy.ai

    Parece que el código no está encontrando correctamente el elemento con el ID “playerScore”. Verifica que el atributo ID en el HTML coincida con el utilizado en el código JavaScript. Además, asegúrate de que el código JavaScript se ejecute después de que el HTML haya terminado de cargar, ya sea colocándolo al final del body o envolviéndolo en un event listener de DOMContentLoaded. Además, en la función playersChoosesRock(), parece que hay un error de sintaxis donde playersScore.innerHTML = ++; debería ser playersScore.innerHTML++;.

Comments are closed.