Este repositorio contiene una práctica de Desarrollo Web implementada con JavaScript Vanilla (DOM).
Es el clásico juego de encontrar parejas (Memory). El objetivo es destapar todas las cartas ocultas encontrando su par idéntico en el menor tiempo posible.
Cada vez que se inicia la partida, las cartas se mezclan aleatoriamente para garantizar que el juego sea siempre diferente.
-
Tablero dinámico:
Generación automática de cartas en el DOM a partir de un array de emojis. -
Lógica de juego:
- Sistema de turnos (solo 2 cartas visibles a la vez).
- Bloqueo del tablero mientras se comparan las cartas.
- Detección automática de victoria.
-
Temporizador:
Contador de tiempo en tiempo real para medir la habilidad del jugador. -
Persistencia de estado (UX):
Al reiniciar el juego, la página mantiene la posición del scroll. -
Interfaz interactiva:
Efectos visuales al voltear cartas y modal de victoria al finalizar la partida.
- HTML5: Estructura semántica.
- CSS3: Estilos, Grid/Flexbox y animaciones.
- JavaScript (ES6+): Lógica del juego y manipulación del DOM.
- index.html → Contiene la estructura base del juego.
- style.css → Define el diseño visual y animaciones.
- script.js → Contiene la lógica (mezclar cartas, cronómetro y comparación de parejas).
Abre tu terminal y ejecuta:
git clone https://github.com/Francesco-Lato/memory.gitVe a la carpeta que has descargado y haz doble clic en el archivo index.html. Se abrirá en tu navegador predeterminado para jugar.