Ejercicio de programación con HTML: Reto LocalStorage en HTML

Código
Práctica
0h 5m

Aprende a usar LocalStorage en HTML para guardar y recordar el color favorito del usuario con JavaScript. Ejercicio práctico y didáctico.

Crea una página HTML que permita al usuario seleccionar su color favorito mediante un selector y lo guarde en LocalStorage. La página debe recordar la elección del usuario incluso después de cerrar y volver a abrir el navegador.

Para resolver este ejercicio:

  1. Crea un selector (elemento ) con al menos 3 opciones de colores diferentes Implementa una función JavaScript que guarde la selección del usuario en LocalStorage cuando cambie el valor del selector Al cargar la página, verifica si existe una preferencia guardada en LocalStorage y, en caso afirmativo, establece el selector en ese valor Añade un botón para borrar la preferencia guardada (usando removeItem) Aplica el color seleccionado como color de fondo de la página para mostrar visualmente la preferencia Asegúrate de manejar correctamente los casos donde LocalStorage no esté disponible.
Empezar ejercicio de programación

Todos los ejercicios de programación de HTML

Evalúa tus conocimientos con ejercicios de programación en HTML de tipo Test, Puzzle, Código y Proyecto con VSCode.

Tutorial para resolver este ejercicio de programación

HTML5

HTML

Local Storage y Session Storage

APIs de HTML5

Otros tutoriales de programación con HTML