Cada vez que la página se actualiza, las variables devuelven sus valores originales. Lo tengo para que cada vez que se presiona el botón, el número que se muestra aumenta en uno. ¿Cómo haría para que la variable permanezca actualizada hasta que se cierre la página? Y luego, ¿cómo haría para usar esas variables para actualizar la información en tiempo real?
HTML
<h1>y = (<span id="count">1</span><button onclick="plusOne(count)">Rise</button></h1> <h2> / <span id="count2">1</span><button onclick="plusRun(count2)">Run</button>) x + </h2> <h3><span id="count3">0</span><button onclick="plusB(count3)">b</button></h3>JavaScript
var rise = 1; var run = 1; var b = 0; function plusOne(count) { rise++; if (rise > 9) { rise = 1 } count.textContent = rise.toString(); } function plusRun(count2) { run++; if (run > 9) { run = 1 } count2.textContent = run.toString(); } function plusB(count3) { b++; if (b > 9) { b = -9 } count3.textContent = b.toString(); }Cuando se actualice la página, el navegador ejecutará el archivo JavaScript como si fuera la primera vez que lo ve. Actualizar la página tiene el mismo efecto que cerrar el navegador y volver a abrir la página web.
Entonces, las variables se inicializarán como si las tuviera en la parte superior del archivo al actualizar.
var rise = 1; var run = 1; var b = 0;Si necesita almacenar datos que persistirán cuando la página se actualice o se cierre el navegador, ¡eso es posible con el almacenamiento local !