2

EL objetivo es que al pulsar el botón "siguiente número", los números vayan aumentando. Pero sólo me muestra las veces que va sumando si refresco la página. Si no refresco la página y le doy al botón no me sigue contando. ¿Qué hago mal?

JAVASCRIPT:

<script>
    function count() {
        if (localStorage.getItem("count") === null) {
        count=0;
        }
        else{
        count= localStorage.getItem('count');
        }
        count++;
        localStorage.setItem('count', count);
        count = localStorage.getItem('count');
        document.getElementById("write").innerHTML = count;
      }
</script>

HTML:

  <h1 id="write">0</h1>
  <button id="idButton" onclick='count()'>Siguiente número</button>

1 respuesta 1

4

No te muestra el valor guardado porque al cargar la página nunca estas pidiendo que lo imprima.

Para solucionarlo podes crear una función, por ejemplo, getCount que busque el valor guardado y lo imprima en el element write.

Ejemplo:

<h1 id="write">0</h1>
<button id="idButton" onclick='count()'>Siguiente número</button>

<script>
  // Función que imprime el contador
  function getCount() {
    let count = localStorage.getItem('count') || 0;
    document.getElementById("write").innerHTML = count;
  }
  
  // Función que incrementa el contador
  function count() {
    let count = localStorage.getItem("count") || 0;
    count++;
    localStorage.setItem('count', count);
    // Llamamos a la función que imprime
    getCount();
  }

  // Llamamos a la función que imprime
  getCount();
</script>

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.