Este proyecto es un simulador de pronósticos deportivos (PRODE) para el Mundial de Fútbol 2026. Permite al usuario ingresar sus predicciones de goles para cada partido, calcular cuántos resultados acertó exactamente y visualizar un resumen interactivo.
- Formulario dinámico con banderas reales de cada país (vía FlagCDN)
- Validación en vivo de los inputs (sin negativos, con feedback visual)
- Auto-guardado de pronósticos en
localStorage - Contador dinámico de partidos completados
- Resaltado visual de aciertos y fallos en el formulario
- Popup con resumen de resultados usando SweetAlert2
- Botón para limpiar el formulario y reiniciar los pronósticos
- Estilos visuales con Bootstrap 5 y animaciones personalizadas
📦 prode-2026
📁js
- app.js -> Lógica del simulador y funciones interactivas
📁styles
- styles.css -> Estilos del HTML
📁assets
📂icon
- logo mundial.jpg
📄index.html -> Página principal.
📄partidos.json -> Api propia.
📋README.md -> Documentacion (este archivo)
- Cloná el repositorio o descargá los archivos.
git clone https://github.com/Emmanu2288/Prode-2026- npm install.
npm install- Abrí
index.htmlen tu navegador. - Completá tus pronósticos de goles para cada partido.
- Presioná "Calcular Aciertos" para ver tu rendimiento.
- Usá "Limpiar Formulario" para reiniciar.
Las banderas se cargan desde FlagCDN usando los códigos ISO de cada país.
Ejemplo: https://flagcdn.com/24x18/ar.png para Argentina.
- HTML5 + CSS3
- JavaScript (ES6)
- Bootstrap 5
- SweetAlert2
- FlagCDN
Manu — Creativo, detallista y apasionado por el diseño de interfaces educativas y deportivas.
Este simulador fue desarrollado con foco en accesibilidad, estética y experiencia de usuario.
¿Querés colaborar, sugerir mejoras o expandir el simulador para fases eliminatorias?
Abrí un issue o escribí directamente.
Este proyecto es de uso libre para fines educativos y recreativos.