Writen Test For job preparation by infinite ilm | Test no 5
History MCQ Test
1. Which ancient civilization developed along the banks of the Nile River?
2. The Code of Hammurabi was created in which ancient civilization?
3. Which ancient wonder was located in Alexandria, Egypt?
4. The ancient city of Troy was located in what is now:
5. Which emperor built the Great Wall of China?
6. The ancient Olympic Games originated in:
7. Which ancient civilization developed the concept of zero?
8. The Punic Wars were fought between Rome and:
9. Which ancient wonder was a giant statue of the sun god Helios?
10. The ancient city of Mohenjo-Daro was part of which civilization?
11. Who was the first Roman Emperor?
12. The ancient Silk Road connected China with:
13. Which ancient civilization built Machu Picchu?
14. The ancient Persian Empire was founded by:
15. Which ancient civilization developed cuneiform writing?
16. The Peloponnesian War was fought between:
17. The ancient city of Babylon was located in modern-day:
18. Which ancient ruler conquered much of the known world by age 32?
19. The ancient Egyptian writing system is called:
20. The Maurya Empire was an ancient power in:
Your Score: 0/20
.history-quiz {
max-width: 750px;
margin: 0 auto;
font-family: ‘Segoe UI’, Tahoma, Geneva, Verdana, sans-serif;
padding: 25px;
background: #fff;
border-radius: 10px;
box-shadow: 0 0 25px rgba(0,0,0,0.1);
}
.history-quiz h2 {
text-align: center;
color: #2c3e50;
margin-bottom: 30px;
padding-bottom: 15px;
border-bottom: 2px solid #8e44ad;
}
.quiz-question {
margin-bottom: 25px;
padding: 20px;
background: #f8f9fa;
border-radius: 8px;
border-left: 4px solid #8e44ad;
transition: all 0.3s ease;
}
.quiz-question:hover {
transform: translateY(-3px);
box-shadow: 0 5px 15px rgba(142, 68, 173, 0.2);
}
.quiz-question p {
font-weight: 600;
margin-bottom: 15px;
color: #2c3e50;
font-size: 16px;
}
.quiz-question label {
display: block;
padding: 12px 15px;
margin: 8px 0;
background: #fff;
border-radius: 6px;
cursor: pointer;
transition: all 0.2s ease;
border: 1px solid #ddd;
font-size: 15px;
}
.quiz-question label:hover {
background: #f5eef8;
border-color: #8e44ad;
}
.quiz-question input[type=”radio”] {
margin-right: 12px;
transform: scale(1.1);
}
.quiz-actions {
text-align: center;
margin: 35px 0;
}
.check-answers {
background: #8e44ad;
color: white;
border: none;
padding: 14px 35px;
font-size: 17px;
border-radius: 50px;
cursor: pointer;
transition: all 0.3s ease;
font-weight: 600;
box-shadow: 0 4px 10px rgba(142, 68, 173, 0.4);
}
.check-answers:hover {
background: #7d3c98;
transform: translateY(-3px);
box-shadow: 0 6px 15px rgba(142, 68, 173, 0.5);
}
.check-answers:active {
transform: translateY(0);
}
.quiz-results {
display: none;
margin-top: 35px;
padding: 25px;
background: #f8f9fa;
border-radius: 8px;
border-top: 4px solid #f39c12;
}
.quiz-results h3 {
color: #2c3e50;
margin-bottom: 20px;
font-size: 20px;
}
.quiz-results .score {
color: #f39c12;
font-size: 28px;
}
.answer-key {
background: #fff;
padding: 20px;
border-radius: 6px;
border: 1px solid #eee;
}
.answer-key h4 {
color: #2c3e50;
margin-top: 0;
border-bottom: 1px solid #eee;
padding-bottom: 10px;
}
.answer-key p {
padding: 10px 0;
margin: 0;
border-bottom: 1px dashed #eee;
font-size: 15px;
}
.answer-key p:last-child {
border-bottom: none;
}
/* Answer feedback colors */
.correct-answer {
color: #27ae60;
font-weight: bold;
background-color: #e8f8f0;
}
.wrong-answer {
color: #e74c3c;
background-color: #fdedec;
}
.show-answer {
color: #3498db;
font-weight: bold;
background-color: #ebf5fb;
}
@media (max-width: 600px) {
.history-quiz {
padding: 15px;
}
.quiz-question {
padding: 15px;
}
}
document.addEventListener(‘DOMContentLoaded’, function() {
const correctAnswers = {
q1: {value: “b”, text: “Egypt”},
q2: {value: “b”, text: “Babylon”},
q3: {value: “c”, text: “Lighthouse”},
q4: {value: “c”, text: “Turkey”},
q5: {value: “a”, text: “Qin Shi Huang”},
q6: {value: “c”, text: “Greece”},
q7: {value: “c”, text: “Indian”},
q8: {value: “b”, text: “Carthage”},
q9: {value: “b”, text: “Colossus of Rhodes”},
q10: {value: “c”, text: “Indus Valley”},
q11: {value: “b”, text: “Augustus”},
q12: {value: “b”, text: “Europe”},
q13: {value: “c”, text: “Inca”},
q14: {value: “c”, text: “Cyrus the Great”},
q15: {value: “b”, text: “Mesopotamian”},
q16: {value: “b”, text: “Athens and Sparta”},
q17: {value: “c”, text: “Iraq”},
q18: {value: “c”, text: “Alexander the Great”},
q19: {value: “b”, text: “Hieroglyphics”},
q20: {value: “c”, text: “India”}
};
document.querySelector(‘.check-answers’).addEventListener(‘click’, function() {
let score = 0;
let answerKeyHTML = ‘
Answer Key:
‘;
for(let i = 1; i {
label.classList.remove(‘correct-answer’, ‘wrong-answer’, ‘show-answer’);
});
if(selectedOption) {
const userAnswer = selectedOption.value;
const correctAnswer = correctAnswers[questionName].value;
if(userAnswer === correctAnswer) {
score++;
selectedOption.parentElement.classList.add(‘correct-answer’);
} else {
selectedOption.parentElement.classList.add(‘wrong-answer’);
}
}
// Highlight correct answer
const correctOption = questionElement.querySelector(`input[value=”${correctAnswers[questionName].value}”]`);
correctOption.parentElement.classList.add(‘show-answer’);
// Add to answer key
answerKeyHTML += `
Q${i}:
(${correctAnswers[questionName].value}) ${correctAnswers[questionName].text}
`;
}
// Show results
document.querySelector(‘.score’).textContent = score;
document.querySelector(‘.answer-key’).innerHTML = answerKeyHTML;
document.querySelector(‘.quiz-results’).style.display = ‘block’;
// Scroll to results
document.querySelector(‘.quiz-results’).scrollIntoView({ behavior: ‘smooth’ });
});
});