blog-spot-js

Agregar Interactividad con JS

Puedes reemplazar el HTML y CSS con el ejercicio que realizaste anteriormente

Actividades

1. Modo oscuro / claro (Dark Mode Toggle)

Agregar un botón “🌙/☀️”.

Al hacer clic, cambiar la clase del entre dìa y noche.

Estilos en CSS ya definidos (.dark { background: black; color: white; }).

2. Contador de Likes con el botón “👍🏼”

Cada clic en el botón + del div #ads incrementa un contador.

Mostrar el número en pantalla.

3. Buscador de artículos

Usar el botón buscar y agregar un campo de texto que muestre un prompt "Escribe tu búsqueda".

Filtrar tarjetas (.tarjeta) y mostrar sólo las que contengan esa palabra. ‼️Es necesario cambiar algunos textos para que sean diferentes

Usar .classList.add("ocultar") y .classList.remove("ocultar")

4. Galería con hover

En #seeAll (donde está “See all pics”), al pasar el mouse que cambie la imagen cada 2 segundos (ciclo con setInterval).

‼️Extra: detener el ciclo con mouseout. Si el usuario pasa el mouse por encima, cambia la imagen