<!
DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>World Explorer Quiz</title>
<style>
body { font-family: Arial, sans-serif; max-width: 700px; margin: auto; padding:
20px; }
h1 { text-align: center; }
.question { margin-bottom: 20px; }
.answers label { display: block; margin: 5px 0; }
#results { margin-top: 30px; padding: 20px; border-top: 2px solid #ccc; }
</style>
</head>
<body>
<h1>🌍 World Explorer Quiz</h1>
<form id="quizForm">
<div class="question">
<p><strong>1. What is the longest river in the world?</strong></p>
<div class="answers">
<label><input type="radio" name="q1" value="A"> A. Amazon River</label>
<label><input type="radio" name="q1" value="B"> B. Yangtze River</label>
<label><input type="radio" name="q1" value="C"> C. Nile River</label>
<label><input type="radio" name="q1" value="D"> D. Mississippi River</label>
</div>
</div>
<div class="question">
<p><strong>2. Which of the following is one of the New Seven Wonders of the
World?</strong></p>
<div class="answers">
<label><input type="radio" name="q2" value="A"> A. Eiffel Tower</label>
<label><input type="radio" name="q2" value="B"> B. Machu Picchu</label>
<label><input type="radio" name="q2" value="C"> C. Mount Rushmore</label>
<label><input type="radio" name="q2" value="D"> D. Sydney Opera House</label>
</div>
</div>
<div class="question">
<p><strong>3. Which country is famous for the traditional dance called the
Flamenco?</strong></p>
<div class="answers">
<label><input type="radio" name="q3" value="A"> A. Brazil</label>
<label><input type="radio" name="q3" value="B"> B. Italy</label>
<label><input type="radio" name="q3" value="C"> C. Spain</label>
<label><input type="radio" name="q3" value="D"> D. Greece</label>
</div>
</div>
<div class="question">
<p><strong>4. True or False: The Great Wall of China was built all at once by a
single emperor.</strong></p>
<div class="answers">
<label><input type="radio" name="q4" value="True"> True</label>
<label><input type="radio" name="q4" value="False"> False</label>
</div>
</div>
<div class="question">
<p><strong>5. In which sport would you find the terms love, deuce, and
ace?</strong></p>
<div class="answers">
<label><input type="radio" name="q5" value="A"> A. Tennis</label>
<label><input type="radio" name="q5" value="B"> B. Badminton</label>
<label><input type="radio" name="q5" value="C"> C. Cricket</label>
<label><input type="radio" name="q5" value="D"> D. Volleyball</label>
</div>
</div>
<div class="question">
<p><strong>6. Who is credited with developing the theory of
relativity?</strong></p>
<div class="answers">
<label><input type="radio" name="q6" value="A"> A. Isaac Newton</label>
<label><input type="radio" name="q6" value="B"> B. Nikola Tesla</label>
<label><input type="radio" name="q6" value="C"> C. Albert Einstein</label>
<label><input type="radio" name="q6" value="D"> D. Galileo Galilei</label>
</div>
</div>
<div class="question">
<p><strong>7. Which animal is native to Australia and carries its young in a
pouch?</strong></p>
<div class="answers">
<label><input type="radio" name="q7" value="A"> A. Koala</label>
<label><input type="radio" name="q7" value="B"> B. Lemur</label>
<label><input type="radio" name="q7" value="C"> C. Sloth</label>
<label><input type="radio" name="q7" value="D"> D. Panda</label>
</div>
</div>
<div class="question">
<p><strong>8. Which desert is the largest hot desert in the world?</strong></p>
<div class="answers">
<label><input type="radio" name="q8" value="A"> A. Arabian Desert</label>
<label><input type="radio" name="q8" value="B"> B. Gobi Desert</label>
<label><input type="radio" name="q8" value="C"> C. Sahara Desert</label>
<label><input type="radio" name="q8" value="D"> D. Kalahari Desert</label>
</div>
</div>
<div class="question">
<p><strong>9. Which of the following foods originated in Japan?</strong></p>
<div class="answers">
<label><input type="radio" name="q9" value="A"> A. Tacos</label>
<label><input type="radio" name="q9" value="B"> B. Sushi</label>
<label><input type="radio" name="q9" value="C"> C. Paella</label>
<label><input type="radio" name="q9" value="D"> D. Croissant</label>
</div>
</div>
<div class="question">
<p><strong>10. The ancient city of Timbuktu is in which modern-day
country?</strong></p>
<div class="answers">
<label><input type="radio" name="q10" value="A"> A. Egypt</label>
<label><input type="radio" name="q10" value="B"> B. Mali</label>
<label><input type="radio" name="q10" value="C"> C. Ethiopia</label>
<label><input type="radio" name="q10" value="D"> D. Sudan</label>
</div>
</div>
<button type="button" onclick="showResults()">Submit Quiz</button>
</form>
<div id="results"></div>
<script>
const answers = {
q1: 'C',
q2: 'B',
q3: 'C',
q4: 'False',
q5: 'A',
q6: 'C',
q7: 'A',
q8: 'C',
q9: 'B',
q10: 'B'
};
const explanations = {
q1: 'Nile River is widely recognized as the longest river, though some
measurements place Amazon slightly longer.',
q2: 'Machu Picchu is one of the New Seven Wonders of the World.',
q3: 'Flamenco originated in Spain.',
q4: 'The Great Wall was built in stages over centuries by different dynasties.',
q5: 'Love, deuce and ace are terms used in tennis.',
q6: 'Einstein developed the theory of relativity.',
q7: 'Koala is native to Australia and carries young in a pouch.',
q8: 'Sahara is the largest hot desert.',
q9: 'Sushi originated in Japan.',
q10: 'Timbuktu is located in modern-day Mali.'
};
function showResults() {
let score = 0;
const total = Object.keys(answers).length;
let resultHTML = '<h2>Your Results</h2><ol>';
for (const q in answers) {
const user = document.querySelector('input[name="'+q+'"]:checked');
const userAns = user ? user.value : 'No answer';
const correct = answers[q];
const ok = userAns === correct;
if (ok) score++;
resultHTML += `<li><strong>Q${q.slice(1)}:</strong> Your answer: ${userAns}.
Correct: ${correct}. ${ok ? '✅' : '❌'}<br><em>${explanations[q]}</em></li>`;
}
resultHTML += `</ol><h3>Total Score: ${score} / ${total}</h3>`;
document.getElementById('results').innerHTML = resultHTML;
}
</script>
</body>
</html>
