/* Styly platí pouze uvnitř #nutricni-kviz-container */
#nutricni-kviz-container .container {
font-family: Arial, sans-serif;
background: #fff;
border: 1px solid #ddd;
padding: 20px;
border-radius: 8px;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
text-align: center;
max-width: 500px;
width: 90%;
margin: 20px auto;
}
#nutricni-kviz-container h1 {
margin-top: 0;
}
#nutricni-kviz-container p {
font-size: 16px;
line-height: 1.5;
}
#nutricni-kviz-container button {
padding: 10px 20px;
margin: 10px;
font-size: 16px;
border: none;
border-radius: 4px;
cursor: pointer;
background-color: #4CAF50;
color: white;
}
#nutricni-kviz-container button:hover {
opacity: 0.9;
}
#nutricni-kviz-container .score,
#nutricni-kviz-container #timer-container {
font-size: 18px;
margin-bottom: 15px;
}
#nutricni-kviz-container #options {
margin: 20px 0;
}
#nutricni-kviz-container .option-btn {
display: block;
width: 100%;
margin: 8px 0;
padding: 10px;
background-color: #2196F3;
color: white;
border: none;
border-radius: 4px;
cursor: pointer;
font-size: 16px;
}
#nutricni-kviz-container .option-btn:hover {
background-color: #1976D2;
}
#nutricni-kviz-container .message {
font-size: 16px;
margin-top: 10px;
min-height: 24px;
}
(function(){
// Pole otázek pro nutriční kvíz
const questions = [
{
question: „Která z uvedených potravin patří do skupiny celozrnných výrobků?“,
options: [„Bílý chléb“, „Celozrnný chléb“, „Croissant“, „Bábovka“],
correct: 1
},
{
question: „Co je hlavním zdrojem zdravých tuků?“,
options: [„Olivový olej“, „Máslo“, „Sádlo“, „Margarín“],
correct: 0
},
{
question: „Kolik porcí ovoce a zeleniny se doporučuje denně?“,
options: [„3-4 porce“, „5 porcí“, „1-2 porce“, „8 porcí“],
correct: 1
},
{
question: „Co je prebiotikum?“,
options: [
„Bakterie, které prospívají střevní mikroflóře“,
„Vláknina, která podporuje růst prospěšných bakterií“,
„Enzym, který pomáhá trávit tuky“,
„Vitamin, který posiluje imunitu“
],
correct: 1
},
{
question: „Která potravina je bohatá na antioxidanty?“,
options: [„Borůvky“, „Brambory“, „Mléko“, „Vepřové maso“],
correct: 0
},
{
question: „Která z potravin obsahuje nejvyšší množství bílkovin?“,
options: [„Kuřecí prsa“, „Tofu“, „Fazole“, „Vajíčka“],
correct: 0
},
{
question: „Co je glykemický index?“,
options: [
„Míra, jak rychle potravina zvyšuje hladinu cukru v krvi“,
„Míra obsahu tuků v potravině“,
„Míra obsahu vitamínů v potravině“,
„Míra vlákniny v potravině“
],
correct: 0
},
{
question: „Který zdroj vlákniny je nejvhodnější pro podporu trávení?“,
options: [„Ovesná kaše“, „Smažené hranolky“, „Sladké pečivo“, „Sodovka“],
correct: 0
},
{
question: „Jaký je přínos omega-3 mastných kyselin?“,
options: [
„Podpora kardiovaskulárního zdraví“,
„Zvyšování cholesterolu“,
„Zpomalení metabolismu“,
„Snižování imunitní odpovědi“
],
correct: 0
},
{
question: „Který z následujících prvků je důležitý pro správnou funkci štítné žlázy?“,
options: [„Jód“, „Železo“, „Vápník“, „Draslík“],
correct: 0
}
];
let currentQuestion = 0;
let score = 0;
let timeLeft = 15;
let timerInterval;
// Začátek kvízu
window.startQuiz = function() {
document.getElementById(„quiz-intro“).style.display = „none“;
document.getElementById(„quiz-result“).style.display = „none“;
document.getElementById(„quiz-game“).style.display = „block“;
currentQuestion = 0;
score = 0;
document.getElementById(„score“).textContent = score;
showQuestion();
};
// Zobrazení aktuální otázky
function showQuestion() {
clearInterval(timerInterval);
timeLeft = 15;
document.getElementById(„timer“).textContent = timeLeft;
document.getElementById(„message“).textContent = „“;
document.getElementById(„next-btn“).style.display = „none“;
const currentData = questions[currentQuestion];
document.getElementById(„question-text“).textContent = currentData.question;
const optionsContainer = document.getElementById(„options“);
optionsContainer.innerHTML = „“;
currentData.options.forEach((option, index) => {
const btn = document.createElement(„button“);
btn.textContent = option;
btn.className = „option-btn“;
btn.onclick = function() {
selectOption(index);
};
optionsContainer.appendChild(btn);
});
// Spuštění odpočtu
timerInterval = setInterval(updateTimer, 1000);
}
// Aktualizace časovače každou sekundu
function updateTimer() {
timeLeft–;
document.getElementById(„timer“).textContent = timeLeft;
if(timeLeft {
btn.disabled = true;
btn.style.cursor = „default“;
});
}
// Přechod na další otázku nebo ukončení kvízu
window.nextQuestion = function() {
currentQuestion++;
if(currentQuestion < questions.length) {
showQuestion();
} else {
endQuiz();
}
};
// Ukončení kvízu a zobrazení výsledků
function endQuiz() {
document.getElementById("quiz-game").style.display = "none";
document.getElementById("final-score").textContent = score;
document.getElementById("total-questions").textContent = questions.length;
document.getElementById("quiz-result").style.display = "block";
}
// Restart kvízu
window.restartQuiz = function() {
document.getElementById("quiz-result").style.display = "none";
document.getElementById("quiz-intro").style.display = "block";
};
})();
Nutriční kvíz
Vítejte v našem nutričním kvízu! Otestujte si své znalosti o zdravé výživě a potravinách. Budete mít 15 sekund na zodpovězení každé otázky. Připravte se na výzvu a rozšiřte si obzory o správném výběru potravin!
