07.
13 8:59 AM
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Question Tag Fill-in-the-Blank Quiz - 50 Questions</title>
<style>
body { font-family: Arial; padding: 20px; max-width: 700px; margin: auto; }
.question-block { margin-bottom: 25px; }
label { font-weight: bold; }
input[type="text"] { padding: 6px; width: 250px; margin: 8px 0; }
[Link]-btn { padding: 6px 15px; cursor: pointer; }
.result { font-weight: bold; margin-left: 10px; }
.correct { color: green; }
.wrong { color: red; }
</style>
<body>
<h2>Question Tag Fill-in-the-Blank Quiz (50 Questions)</h2>
<div id="quiz"></div>
<script>
const quizData = [
{ question: "She is your sister,", answer: "isn't she" },
{ question: "You like pizza,", answer: "don't you" },
{ question: "He can swim,", answer: "can't he" },
{ question: "They are coming,", answer: "aren't they" },
{ question: "It is raining,", answer: "isn't it" },
{ question: "You won't tell anyone,", answer: "will you" },
{ question: "She doesn't know,", answer: "does she" },
{ question: "We have met before,", answer: "haven't we" },
{ question: "I am late,", answer: "aren't I" },
{ question: "This is your book,", answer: "isn't it" },
{ question: "He doesn’t eat meat,", answer: "does he" },
{ question: "You aren't coming,", answer: "are you" },
{ question: "They can't play,", answer: "can they" },
{ question: "She has finished,", answer: "hasn't she" },
{ question: "We didn't win,", answer: "did we" },
{ question: "You love ice cream,", answer: "don't you" },
{ question: "He will join us,", answer: "won't he" },
{ question: "They haven't left,", answer: "have they" },
{ question: "I am early,", answer: "aren't I" },
{ question: "She likes tea,", answer: "doesn't she" },
{ question: "You can't drive,", answer: "can you" },
{ question: "They are ready,", answer: "aren't they" },
{ question: "He hasn't called,", answer: "has he" },
{ question: "You don't understand,", answer: "do you" },
{ question: "We should leave,", answer: "shouldn't we" },
{ question: "It isn't cold,", answer: "is it" },
{ question: "She wasn't there,", answer: "was she" },
{ question: "You have done it,", answer: "haven't you" },
{ question: "They do like it,", answer: "don't they" },
{ question: "He isn't working,", answer: "is he" },
{ question: "You aren't tired,", answer: "are you" },
{ question: "We haven't met,", answer: "have we" },
{ question: "She doesn't sing,", answer: "does she" },
{ question: "He can come,", answer: "can't he" },
{ question: "You won't forget,", answer: "will you" },
{ question: "They didn't agree,", answer: "did they" },
{ question: "It isn't raining,", answer: "is it" },
{ question: "I am wrong,", answer: "aren't I" },
{ question: "You like dancing,", answer: "don't you" },
{ question: "He hasn't arrived,", answer: "has he" },
{ question: "They can't swim,", answer: "can they" },
{ question: "She won't come,", answer: "will she" },
{ question: "We don't need help,", answer: "do we" },
{ question: "It was cold,", answer: "wasn't it" },
{ question: "You have tried,", answer: "haven't you" },
{ question: "He doesn't speak,", answer: "does he" },
{ question: "They aren't friends,", answer: "are they" },
{ question: "She didn't call,", answer: "did she" },
{ question: "You will help,", answer: "won't you" }
];
const quizContainer = [Link]('quiz');
[Link]((q, idx) => {
const div = [Link]('div');
[Link]('question-block');
const label = [Link]('label');
[Link] = `answer${idx}`;
[Link] = `${idx + 1}. ${[Link]} `;
[Link](label);
const input = [Link]('input');
[Link] = 'text';
[Link] = `answer${idx}`;
[Link] = "Type the question tag (e.g. isn't she)";
[Link](input);
const btn = [Link]('button');
[Link] = 'Check';
[Link]('check-btn');
[Link](btn);
const resultSpan = [Link]('span');
[Link]('result');
[Link](resultSpan);
[Link]('click', () => {
const userAnswer = [Link]().toLowerCase();
const correctAnswer = [Link]();
if (userAnswer === correctAnswer) {
[Link] = "Correct ✅";
[Link]('wrong');
[Link]('correct');
} else {
[Link] = `Wrong ❌ (Correct: ${[Link]})`;
[Link]('correct');
[Link]('wrong');
}
});
[Link](div);
});
</script>
</body>
</html>
