Scribd
Upload
6 views

Cod

Uploaded by

chowdhryshipra7
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
6 views

Cod

Uploaded by

chowdhryshipra7
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 8

<!

DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Grammenge</title>

<style>

body {

font-family: Arial, sans-serif;

background-color: #f0f0f0;

#game-container {

width: 80%;

margin: auto;

background-color: #fff;

padding: 20px;

border-radius: 5px;

box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);

#question {

font-size: 18px;

margin-bottom: 20px;

#options {

list-style-type: none;

padding: 0;

display: flex;

justify-content: space-between;

flex-wrap: wrap;

}
#options li {

background-color: #f5f5f5;

padding: 10px;

border-radius: 5px;

margin-bottom: 10px;

width: calc(33.33% - 10px);

#options li:hover {

cursor: pointer;

background-color: #e0e0e0;

#timer {

font-size: 16px;

font-weight: bold;

color: #ff0000;

margin-top: 20px;

#score {

font-size: 16px;

font-weight: bold;

color: #008000;

margin-top: 20px;

#result {

font-size: 16px;

font-weight: bold;

margin-top: 20px;

</style>

</head>
<body>

<div id="game-container">

<div id="question"></div>

<ul id="options"></ul>

<div id="timer"></div>

<div id="score"></div>

<div id="result"></div>

</div>

<script>

const questionEl = document.getElementById("question");

const optionsEl = document.getElementById("options");

const timerEl = document.getElementById("timer");

const scoreEl = document.getElementById("score");

const resultEl = document.getElementById("result");

let timeLeft = 60;

let score = 0;

let currentQuestion = 0;

const questions = [

text: "The cat is sitting on the mat.",

correct: "present tense",

options: ["present tense", "past tense", "future tense", "conditional tense"]

},

text: "She had already eaten when I arrived.",

correct: "past perfect",

options: ["past perfect", "past simple", "present perfect", "future perfect"]

},

text: "I will go to the store tomorrow.",

correct: "future tense",


options: ["future tense", "present tense", "past tense", "conditional tense"]

},

text: "He was here yesterday.",

correct: "past tense",

options: ["past tense", "present tense", "future tense", "conditional tense"]

},

text: "If I had a million dollars, I would buy a house.",

correct: "conditional tense",

options: ["conditional tense", "future tense", "present tense", "past tense"]

},

text: "He was standing by the door.",

correct: "past continuous",

options: ["past continuous", "past simple", "present continuous", "future continuous"]

},

text: "She has been to Paris twice.",

correct: "present perfect continuous",

options: ["present perfect continuous", "past perfect continuous", "future perfect continuous",
"present perfect"]

},

text: "They have been studying for hours.",

correct: "present perfect continuous",

options: ["present perfect continuous", "past perfect continuous", "future perfect continuous",
"present perfect"]

},

text: "I will have been working here for a year next month.",

correct: "future perfect continuous",

options: ["future perfect continuous", "future perfect", "present perfect continuous", "past perfect
continuous"]

},
{

text: "He had been waiting for hours.",

correct: "past perfect continuous",

options: ["past perfect continuous", "past perfect", "present perfect continuous", "future perfect
continuous"]

},

text: "The book is on the table.",

correct: "preposition",

options: ["preposition", "verb", "tense", "model"]

},

text: "He sings very well.",

correct: "verb",

options: ["preposition", "verb", "tense", "model"]

},

text: "The cat is sitting on the mat.",

correct: "model",

options: ["preposition", "verb", "tense", "model"]

},

text: "I am going to the store.",

correct: "model",

options: ["preposition", "verb", "tense", "model"]

},

text: "She is a teacher.",

correct: "model",

options: ["preposition", "verb", "tense", "model"]

},

text: "He was working yesterday.",

correct: "model",
options: ["preposition", "verb", "tense", "model"]

},

text: "The cat is sleeping under the bed.",

correct: "model",

options: ["preposition", "verb", "tense", "model"]

},

text: "They are playing soccer in the park.",

correct: "model",

options: ["preposition", "verb", "tense", "model"]

},

text: "She is cooking dinner for us.",

correct: "model",

options: ["preposition", "verb", "tense", "model"]

},

text: "He is writing a letter.",

correct: "model",

options: ["preposition", "verb", "tense", "model"]

];

function startGame() {

timerEl.textContent = `Time left: ${timeLeft}`;

scoreEl.textContent = `Score: ${score}`;

nextQuestion();

function nextQuestion() {

if (currentQuestion >= questions.length) {

resultEl.textContent = `Bravo! Your final score is: ${score}`;

return;
}

questionEl.textContent = questions[currentQuestion].text;

optionsEl.innerHTML = "";

questions[currentQuestion].options.forEach((option, index) => {

const li = document.createElement("li");

li.textContent = option;

li.onclick = () => checkAnswer(option, index);

optionsEl.appendChild(li);

});

function checkAnswer(answer, index) {

if (answer === questions[currentQuestion].correct) {

score++;

scoreEl.textContent = `Score: ${score}`;

currentQuestion++;

if (currentQuestion < questions.length) {

setTimeout(() => nextQuestion(), 1000);

} else {

resultEl.textContent = `Bravo! Your final score is: ${score}`;

function countdown() {

timeLeft--;

timerEl.textContent = `Time left: ${timeLeft}`;

if (timeLeft === 0) {

resultEl.textContent = `Game over! You ran out of time. Your final score is: ${score}`;

} else {

setTimeout(countdown, 1000);

}
startGame();

countdown();

</script>

</body>

</html>

You might also like