Ontwikkel een educatieve quiz over <onderwerp> met feedback en uitleg
description
Met deze prompt kan de gebruiker snel een op maat gemaakte educatieve quiz creëren die het begrip en de betrokkenheid van leerlingen vergroot. Het biedt directe feedback en uitleg, wat het leerproces ondersteunt en het zelfvertrouwen van leerlingen vergroot. Dit is effectiever dan alleen oefenvragen omdat het actieve betrokkenheid stimuleert en fouten onmiddellijk corrigeert.
prompt
try_prompt
Help me een interactieve quiz te maken over <onderwerp> voor <leeftijdsgroep> met m ... more
generate_helper
...
tags
ai_answers
provider: openai
model: gpt-4.1-nano
Natuurlijk! Hier is een voorbeeld van een interactieve geschiedenisquiz voor jongeren van 12-15 jaar, inclusief meerkeuzevragen, directe feedback en uitleg:
---
**Geschiedenis Quiz voor 12-15 jaar**
**Vraag 1:**
In welk jaar viel de Berlijnse Muur?
A) 1987
B) 1989
C) 1991
D) 1993
**Antwoord:**
*Juiste antwoord: B) 1989*
**Feedback:**
Goed gedaan! De Berlijnse Muur viel op 9 november 1989. Dit markeerde het begin van het einde van de Koude Oorlog en de verdeling van Duitsland.
---
**Vraag 2:**
Wie was de eerste president van de Verenigde Staten?
A) Thomas Jefferson
B) Abraham Lincoln
C) George Washington
D) John Adams
**Antwoord:**
*Juiste antwoord: C) George Washington*
**Feedback:**
Correct! George Washington werd in 1789 de eerste president van de Verenigde Staten en speelde een belangrijke rol in de onafhankelijkheidsstrijd.
---
**Vraag 3:**
Wat was de belangrijkste reden voor de Franse Revolutie?
A) De ontdekking van Amerika
B) Hoge belastingen en ongelijkheid
C) De uitvinding van de fiets
D) De val van het Romeinse Rijk
**Antwoord:**
*Juiste antwoord: B) Hoge belastingen en ongelijkheid*
**Feedback:**
Precies! De Franse Revolutie begon vooral door onvrede over hoge belastingen, armoede onder de bevolking en het ontbreken van gelijke rechten.
---
**Vraag 4:**
Welke uitvinding wordt vaak als de meest belangrijke uit de Industriële Revolutie genoemd?
A) De stoommachine
B) De computer
C) De microscoop
D) De telefonische telefoon
**Antwoord:**
*Juiste antwoord: A) De stoommachine*
**Feedback:**
Klopt! De stoommachine, ontwikkeld door James Watt, maakte grote industriële veranderingen mogelijk en was cruciaal voor de Industriële Revolutie.
---
**Vraag 5:**
Welke gebeurtenis markeerde het begin van de Tweede Wereldoorlog?
A) De aanval op Pearl Harbor
B) De inval van Nazi-Duitsland in Polen
C) De val van de Berlijnse Muur
D) De atoombommen op Hiroshima en Nagasaki
**Antwoord:**
*Juiste antwoord: B) De inval van Nazi-Duitsland in Polen*
**Feedback:**
Correct! Op 1 september 1939 viel Duitsland Polen binnen, wat het officiële begin van de Tweede Wereldoorlog in Europa markeerde.
---
Wil je de quiz online maken, bijvoorbeeld met een platform als Kahoot!, Google Forms, of een andere tool? Ik kan je helpen met het opzetten van de vragen en antwoorden daarvoor.
provider: deepseek
model: deepseek-chat
Zeker! Hier is een interactieve geschiedenisquiz voor 12-15 jarigen met meerkeuzevragen, directe feedback en uitleg. Je kunt deze code kopiëren naar een HTML-bestand en openen in je browser:
```html
<!DOCTYPE html>
<html lang="nl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Geschiedenis Quiz</title>
<style>
body {
font-family: Arial, sans-serif;
max-width: 800px;
margin: 0 auto;
padding: 20px;
background-color: #f5f5f5;
}
.quiz-container {
background: white;
padding: 30px;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
.question {
margin-bottom: 20px;
padding: 15px;
border: 2px solid #ddd;
border-radius: 8px;
}
.options {
margin: 15px 0;
}
.option {
margin: 10px 0;
padding: 10px;
border: 1px solid #ccc;
border-radius: 5px;
cursor: pointer;
transition: background-color 0.3s;
}
.option:hover {
background-color: #e9e9e9;
}
.feedback {
margin-top: 15px;
padding: 15px;
border-radius: 5px;
display: none;
}
.correct {
background-color: #d4edda;
border: 1px solid #c3e6cb;
color: #155724;
}
.incorrect {
background-color: #f8d7da;
border: 1px solid #f5c6cb;
color: #721c24;
}
.score {
text-align: center;
font-size: 1.2em;
margin: 20px 0;
font-weight: bold;
}
button {
background-color: #007bff;
color: white;
padding: 10px 20px;
border: none;
border-radius: 5px;
cursor: pointer;
font-size: 1em;
}
button:hover {
background-color: #0056b3;
}
</style>
</head>
<body>
<div class="quiz-container">
<h1>Geschiedenis Quiz</h1>
<div id="quiz"></div>
<div class="score" id="score">Score: 0/0</div>
<button onclick="resetQuiz()">Quiz Opnieuw Starten</button>
</div>
<script>
const questions = [
{
question: "Wanneer begon de Eerste Wereldoorlog?",
options: ["1914", "1918", "1939", "1945"],
correct: 0,
explanation: "De Eerste Wereldoorlog begon in 1914 na de moord op aartshertog Franz Ferdinand van Oostenrijk."
},
{
question: "Wie was de eerste president van de Verenigde Staten?",
options: ["Thomas Jefferson", "Abraham Lincoln", "George Washington", "John Adams"],
correct: 2,
explanation: "George Washington was de eerste president van de VS en diende van 1789 tot 1797."
},
{
question: "Welke uitvinding wordt toegeschreven aan Johannes Gutenberg?",
options: ["De stoommachine", "De boekdrukkunst", "Het kompas", "De telefoon"],
correct: 1,
explanation: "Johannes Gutenberg vond rond 1450 de boekdrukkunst met beweegbare letters uit, wat een revolutie in de verspreiding van kennis teweegbracht."
},
{
question: "In welk jaar viel de Berlijnse Muur?",
options: ["1987", "1989", "1991", "1993"],
correct: 1,
explanation: "De Berlijnse Muur viel op 9 november 1989, wat het einde van de Koude Oorlog markeerde."
},
{
question: "Welke Nederlandse stad was het centrum van de VOC?",
options: ["Rotterdam", "Amsterdam", "Den Haag", "Utrecht"],
correct: 1,
explanation: "Amsterdam was het belangrijkste handelscentrum van de VOC (Verenigde Oost-Indische Compagnie)."
},
{
question: "Wie schreef het beroemde dagboek tijdens de Tweede Wereldoorlog?",
options: ["Anne Frank", "Etty Hillesum", "Corrie ten Boom", "Miep Gies"],
correct: 0,
explanation: "Anne Frank schreef haar beroemde dagboek terwijl ze ondergedoken zat in het Achterhuis in Amsterdam."
},
{
question: "Welke ontdekkingsreiziger bereikte als eerste Amerika?",
options: ["Christoffel Columbus", "Marco Polo", "Vasco da Gama", "James Cook"],
correct: 0,
explanation: "Christoffel Columbus bereikte Amerika in 1492, hoewel de Vikingen er al eerder waren geweest."
},
{
question: "Wat was de Beeldenstorm in de Nederlanden?",
options: [
"Een storm die beelden vernielde",
"Een protestantse opstand tegen katholieke beelden",
"Een kunsttentoonstelling",
"Een militaire operatie"
],
correct: 1,
explanation: "De Beeldenstorm in 1566 was een golf van vernielingen van katholieke heiligenbeelden door protestanten."
}
];
let currentQuestion = 0;
let score = 0;
let answeredQuestions = 0;
function loadQuestion() {
const quizElement = document.getElementById('quiz');
const question = questions[currentQuestion];
quizElement.innerHTML = `
<div class="question">
<h3>Vraag ${currentQuestion + 1}/${questions.length}</h3>
<p>${question.question}</p>
<div class="options">
${question.options.map((option, index) => `
<div class="option" onclick="checkAnswer(${index})">
${option}
</div>
`).join('')}
</div>
<div id="feedback"></div>
</div>
`;
updateScore();
}
function checkAnswer(selectedIndex) {
const question = questions[currentQuestion];
const feedbackElement = document.getElementById('feedback');
const options = document.querySelectorAll('.option');
// Disable alle opties na beantwoording
options.forEach(option => {
option.style.cursor = 'default';
option.onclick = null;
});
// Markeer het gekozen antwoord
options[selectedIndex].style.backgroundColor = '#ffeb3b';
if (selectedIndex === question.correct) {
score++;
feedbackElement.innerHTML = `
<div class="feedback correct">
<strong>Correct!</strong><br>
${question.explanation}
</div>
`;
} else {
feedbackElement.innerHTML = `
<div class="feedback incorrect">
<strong>Helaas, dat is niet correct.</strong><br>
Het juiste antwoord is: "${question.options[question.correct]}"<br><br>
${question.explanation}
</div>
`;
// Markeer het juiste antwoord in groen
options[question.correct].style.backgroundColor = '#4caf50';
options[question.correct].style.color = 'white';
}
feedbackElement.style.display = 'block';
answeredQuestions++;
// Volgende vraag na 3 seconden
setTimeout(() => {
currentQuestion++;
if (currentQuestion < questions.length) {
loadQuestion();
} else {
showFinalScore();
}
}, 3000);
}
function updateScore() {
document.getElementById('score').textContent = `Score: ${score}/${answeredQuestions}`;
}
function showFinalScore() {
const quizElement = document.getElementById('quiz');
const percentage = Math.round((score / questions.length) * 100);
let message = '';
if (percentage >= 80) {
message = 'Fantastisch! Je bent een geschiedenis expert!';
} else if (percentage >= 60) {
message = 'Goed gedaan! Je kent je geschiedenis goed.';
} else if (percentage >= 40) {
message = 'Niet slecht! Er is nog wat ruimte voor verbetering.';
} else {
message = 'Oefen nog wat meer met geschiedenis!';
}
quizElement.innerHTML = `
<div class="question">
<h2>Quiz Voltooid!</h2>
<p>Je score: ${score} van de ${questions.length} vragen goed (${percentage}%)</p>
<p>${message}</p>
</div>
`;
document.getElementById('score').style.display = 'none';
}
function resetQuiz() {
currentQuestion = 0;
score = 0;
answeredQuestions = 0;
document.getElementById('score').style.display = 'block';
loadQuestion();
}
// Start de quiz wanneer de pagina laadt
window.onload = loadQuestion;
</script>
</body>
</html>
```
**Kenmerken van deze quiz:**
1. **8 Meerkeuzevragen** over verschillende historische periodes
2. **Directe feedback** na elk antwoord
3. **Duidelijke uitleg** bij elke vraag
4. **Visuele indicatoren** voor goede/foute antwoorden
5. **Score bijhouding** tijdens de quiz
6. **Eindscore** met persoonlijke feedback
7. **Responsive design** voor verschillende apparaten
**Onderwerpen die aan bod komen:**
- Eerste Wereldoorlog
- Amerikaanse geschiedenis
- Uitvindingen
- Koude Oorlog
- Nederlandse geschiedenis (VOC, Anne Frank, Beeldenstorm)
- Ontdekkingsreizen
Je kunt eenvoudig meer vragen toevoegen door ze aan de `questions` array toe te voegen!