0

OK tengo un h1 dentro de ese tengo un numero al pulsar un boton lo que espero es que a ese h1 se le sumen 10 ejemplo dentro del h1 hay un 20 le doy en el boton y se suma 10 queda 30 este es

1
  • 1
    El código va como texto, además ayudaría que expongas ¿cuál es el fallo que obtienes al momento?, checa Cómo preguntar
    – user128299
    el 16 mar. 2021 a las 18:07

1 respuesta 1

1

Antes de intentar incrementar el número debes obtener el valor del elemento en una variable, luego convertirlo en valor numérico, porque aunque sea un número innerHTML lo devuelve en formato texto lo que significa que "20" + "10" sería "2010" en lugar del número 30. Una vez convertido el valor de texto a número podrás sumarlo.

Obtiene el dato en formato texto

var num = document.getElementById("numero").innerHTML

Obtiene el dato convertido en número

var num = parseInt(document.getElementById("numero").innerHTML)

El siguiente código, incrementa también el número

<h1 id="numero">20</h1>

<script>
    var num = parseInt(document.getElementById("numero").innerHTML);
    num += 10;
</script>

Ejemplo con botón

function suma() {
    var elemento = document.getElementById("numero");
    var num = parseInt(elemento.innerHTML);
    num += 10;
    elemento.innerHTML = num
}
<h1 id="numero">20</h1>
<button onclick="suma()">Suma</button>

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.