0

Estoy tratando de hacer algo muy simple, pero no consigo ver el fallo

Quiero obtener el valor de un <p> con js y aumentar su valor +1

function aumentarPoint(){
  var demo = document.getElementById("demo").value;
  var puntos = demo + 1;
  demo.innerHTML = puntos;
}
<p id="demo" onclick="aumentarPoint()">0</p>

2 respuestas 2

2

Veo varios errores en tu código.

Para recuperar el valor dentro de una tag tienes que hacerlo mediante el innerHTML. Pero aunque el .value te hubiera funcionado, es ese el valor que guardas dentro de la variable demo en vez del elemento HTML, por lo que cuando intentabas modificar el innerHTML de este tampoco te habría funcionado.

Aquí te propongo una alternativa a tu función que espero que se ajuste a lo que necesitas:

function aumentarPoint(){
    var demo = document.getElementById("demo");
    var demoValue = parseInt(demo.innerHTML);
    var puntos = demoValue + 1;
    demo.innerHTML = puntos;
}
0

Lo he conseguido de la siguiente manera

var a = 0;
function aumentarPoint() {
  a = a + 1;
  document.getElementById("demo").textContent = a;
}
<p onclick="aumentarPoint()" id="demo">0</p>

1
  • 1
    No tiene sentido que se lo sumes a la variable a, no la necesitas. Deberías de hacer document.getElementById("demo").textContent = parseInt(document.getElementById("demo").textContent) +1
    – x3k
    el 26 jun. 2019 a las 12:16

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.