Video: Curso de Javascript - 4.13. Web Storage. Ejemplo completo 2025
Con HTML5, puede escribir hasta 5MB de datos en un archivo localStorage especial en la computadora cliente. Todas las páginas que provienen de su dominio comparta la misma área de almacenamiento, de modo que pueda usar este mecanismo para mantener la persistencia de los datos entre varias páginas. Los datos también permanecen en la máquina cliente (hasta que la elimine), de modo que se pueden usar para realizar un seguimiento de la información a lo largo del tiempo. > Si está trabajando con datos numéricos, recuerde que localStorage almacena todo como una cadena. No es un problema almacenar un valor numérico en localStorage, pero cuando lo recupere, tendrá que convertir el valor a un valor numérico (con parseInt () o parseFloat ()) para el tipo de datos que necesita. Aquí hay un ejemplo que cuenta la cantidad de veces que un usuario ha visitado su sitio:
Este código debería ejecutarse cada vez que se carga la página (quizás con el atributo).
-
localStore . Use el prefijo str_ para recordarle que los datos actualmente son una cadena.
Asegúrese de que el valor exista.
-
Si no hay ninguna entrada en la base de datos para el recuento, esta debe ser la primera vez que el usuario esté aquí (o hayan borrado la base de datos). En cualquier caso, asigne el valor 0 para contar (que es una variable numérica).
Si existe str_count, conviértalo en un entero.
-
Agregue uno para contar.
-
Ahora que el recuento es un número entero, puede agregarlo.
Muestra el valor del contador para el usuario.
-
Por supuesto, esto no es absolutamente necesario, pero es bueno proporcionar algunos comentarios.
Recuento de tienda
-
de vuelta a la base de datos de localStorage. Tenga en cuenta que puede almacenar el conteo de enteros en la base de datos sin problemas. Se convertirá silenciosamente en una cadena cuando se almacena.
