23 de noviembre de 2025
San Juan de Dios, patrón de los enfermeros y hospitales
Juega con nosotros
Anterior ⬅️
Siguiente ➡️
Enviar Respuestas 📝
Probar de Nuevo 🔄
.quiz-container {
background-color: #fff;
border-radius: 10px;
padding: 20px;
box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
.question {
margin-bottom: 20px;
}
button {
background-color: #4a4a4a;
color: #fff;
border: none;
padding: 10px 20px;
border-radius: 5px;
cursor: pointer;
font-size: 16px;
transition: background-color 0.3s;
margin: 0 5px;
}
button:hover {
background-color: #333;
}
#result, #feedback {
margin-top: 20px;
font-weight: bold;
text-align: center;
}
.navigation {
display: flex;
justify-content: space-between;
margin-top: 20px;
}
.hide {
display: none;
}
.progress-bar {
width: 100%;
background-color: #e0e0e0;
padding: 3px;
border-radius: 3px;
box-shadow: inset 0 1px 3px rgba(0, 0, 0, .2);
margin-bottom: 20px;
}
.progress {
width: 0%;
height: 20px;
background-color: #4CAF50;
border-radius: 3px;
transition: width 0.3s ease-in-out;
}
.correct {
color: green;
}
.incorrect {
color: red;
}
const quizData = [
{
question: "¿Quién es el santo patrón de los viajeros? ✈️",
options: ["San Cristóbal", "San Antonio", "San Nicolás", "San Jorge"],
correct: 0
},
{
question: "¿Cuál santo es conocido por su amor por los pobres? 💖",
options: ["San Vicente de Paúl", "San Francisco Javier", "San Benito", "San Ignacio"],
correct: 0
},
{
question: "¿Quién es el patrón de los estudiantes? 📚",
options: ["San Tomás de Aquino", "San Agustín", "San Jerónimo", "San Lucas"],
correct: 0
},
{
question: "¿Cuál santo es el patrón de los enfermos? 🏥",
options: ["San Camilo de Lelis", "San Juan de Dios", "San Rafael", "San Lázaro"],
correct: 1
},
{
question: "¿Quién es conocido como el patrón de los trabajadores agrícolas? 🌾",
options: ["San Isidro Labrador", "San Francisco de Sales", "San Juan Bosco", "San Martín de Porres"],
correct: 0
}
];
const quizContainer = document.getElementById('quiz');
const resultContainer = document.getElementById('result');
const submitButton = document.getElementById('submit');
const nextButton = document.getElementById('next');
const prevButton = document.getElementById('prev');
const restartButton = document.getElementById('restart');
const progressBar = document.getElementById('progress');
const feedbackDiv = document.getElementById('feedback');
let currentQuestion = 0;
let score = 0;
function showQuestion(questionIndex) {
const questionData = quizData[questionIndex];
const answers = [];
for (let i = 0; i < questionData.options.length; i++) {
answers.push(
``
);
}
quizContainer.innerHTML = `
`;
updateProgressBar();
feedbackDiv.classList.add('hide');
nextButton.classList.add('hide');
}
function checkAnswer(selectedAnswer) {
const correctAnswer = quizData[currentQuestion].correct;
if (selectedAnswer === correctAnswer) {
feedbackDiv.innerHTML = "¡Correcto! 🎉";
feedbackDiv.className = "correct";
score++;
nextButton.classList.remove('hide');
} else {
feedbackDiv.innerHTML = "Incorrecto. Intenta de nuevo. 😕";
feedbackDiv.className = "incorrect";
}
feedbackDiv.classList.remove('hide');
}
function showNextQuestion() {
currentQuestion++;
if (currentQuestion < quizData.length) {
showQuestion(currentQuestion);
prevButton.classList.remove('hide');
if (currentQuestion === quizData.length - 1) {
nextButton.classList.add('hide');
submitButton.classList.remove('hide');
}
}
}
function showPrevQuestion() {
currentQuestion--;
if (currentQuestion >= 0) {
showQuestion(currentQuestion);
nextButton.classList.add('hide');
submitBut...
${questionData.question}
${answers.join('')}