Listening Quiz 2 - Fashion & Communication
.quiz-container2 {
font-family: Arial, sans-serif;
max-width: 600px;
margin: auto;
padding: 20px;
background-color: #C09292;
border-radius: 10px;
}
.question2 {
font-weight: bold;
margin-bottom: 15px;
}
.btn-option2 {
padding: 10px;
margin: 5px;
background-color: #CA4E1F;
color: #fff;
border: none;
border-radius: 5px;
cursor: pointer;
}
.btn-option2:hover {
background-color: #1d71b8;
}
.message2 {
margin-top: 15px;
font-weight: bold;
}
.congrats2 {
color: green;
font-weight: bold;
}
.restart-btn2 {
padding: 10px;
margin-top: 15px;
background-color: #4CAF50;
color: white;
border: none;
border-radius: 5px;
cursor: pointer;
}
.restart-btn2:hover {
background-color: #45a049;
}
const questions2 = [
{
question: "People in the past needed months to gather enough money to buy clothes. Which phrasal verb means 'to accumulate money'?",
options: ["put off", "save up", "dress up"],
correct: "save up"
},
{
question: "Nowadays, we frequently buy clothes without carefully considering it. Which phrasal verb means 'to consider carefully'?",
options: ["turn out", "bring up", "think twice"],
correct: "think twice"
},
{
question: "Exclusive clothes help individuals to be noticed among others. Which phrasal verb means 'to be noticeable'?",
options: ["stand out", "fall apart", "hold on"],
correct: "stand out"
},
{
question: "Cheaper clothes often don't last and break easily. Which phrasal verb describes something breaking easily after some use?",
options: ["keep up", "fill out", "fall apart"],
correct: "fall apart"
},
{
question: "Despite instant communication, sometimes we don't maintain profound conversations. Which phrasal verb means 'to maintain communication or connection'?",
options: ["keep in touch", "look after", "cut down"],
correct: "keep in touch"
}
];
let currentQuestion2 = 0;
function loadQuestion2() {
document.getElementById('message2').innerHTML = '';
const q = questions2[currentQuestion2];
document.getElementById('question2').innerText = `Question ${currentQuestion2 + 1}: ${q.question}`;
const optionsDiv = document.getElementById('options2');
optionsDiv.innerHTML = '';
q.options.forEach(option => {
const button = document.createElement('button');
button.classList.add('btn-option2');
button.innerText = option;
button.onclick = () => checkAnswer2(option);
optionsDiv.appendChild(button);
});
}
function checkAnswer2(selectedOption) {
const q = questions2[currentQuestion2];
if (selectedOption === q.correct) {
currentQuestion2++;
if (currentQuestion2 < questions2.length) {
loadQuestion2();
} else {
document.getElementById('quiz2').innerHTML = '
🎉 Congratulations! You completed the exercise!
';
}
} else {
document.getElementById('message2').innerHTML = '❌ Try again!';
}
}
function restartQuiz2() {
currentQuestion2 = 0;
document.getElementById('quiz2').innerHTML = '
';
loadQuestion2();
}
loadQuestion2();
