resolving issue#20

SnowScriptWinterOfCode · Jan 10, 2024 · 60301d7 · 60301d7
1 parent bf58991
commit 60301d7
Show file tree

Hide file tree

Showing 7 changed files with 66 additions and 150 deletions.
diff --git a/Dark/game.css b/Dark/game.css
@@ -88,6 +88,13 @@
   margin-bottom:2px;
   display:block;
 }
+#display{
+  border:2px solid black;
+  border-radius: 5px;
+  width:100%;
+  margin-bottom:2px;
+  display:block;
+}
 /* LOADER */
 #loader {
   border: 1.6rem solid white;

diff --git a/Dark/game.html b/Dark/game.html
@@ -37,7 +37,7 @@ <h1 class="hud-main-text" id="score">
             </h1>
           </div>
         </div>
-        <h2 id="question"></h2>
+        <h2 id="question1">Question </h2><h2 id="question"></h2>
         <div class="choice-container">
           <p class="choice-prefix">A</p>
           <p class="choice-text" data-number="1"></p>
@@ -54,6 +54,7 @@ <h2 id="question"></h2>
           <p class="choice-prefix">D</p>
           <p class="choice-text" data-number="4"></p>
         </div>
+        <h2 id="display">Correct option :</h2>
         <footer>
           <button class="next_btn">Next Ques</button>
       </footer>

diff --git a/Dark/game.js b/Dark/game.js
@@ -8,7 +8,7 @@ const game = document.getElementById('game');
 const time_line = document.querySelector(".time .time_line");
 const timeText = document.querySelector(".timer .time_left_txt");
 const timeCount = document.querySelector(".timer .timer_sec");
-
+const question1= document.getElementById('question1');
 
 var soundCorrect = new Audio("sounds/correctAns.mp3");
 var soundIncorrect = new Audio("sounds/wrongAns.mp3");
@@ -84,6 +84,7 @@ getNewQuestion = () => {
         return window.location.assign('end.html');
     }
     questionCounter++;
+    question1.innerText = `Question  ${questionCounter}`;//update question number
     progressText.innerText = `Question ${questionCounter}/${MAX_QUESTIONS}`;
     //Update the progress bar
     progressBarFull.style.width = `${(questionCounter / MAX_QUESTIONS) * 100}%`;
@@ -129,7 +130,10 @@ choices.forEach((choice) => {
             soundCorrect.play();
         } else {
             soundIncorrect.play();
+            display(currentQuestion.answer);
         }
+        setInterval(displaynone,4000);
+
 
         selectedChoice.parentElement.classList.add(classToApply);
         setTimeout(() => {
@@ -178,7 +182,27 @@ function startTimerLine(time) {
         }
     }
 }
+let string;
+function display(string) {
+    let display = document.getElementById('display');
+    if (string == 1) { 
+    display.innerText = `Correct option : A`;
+    }
+    if (string == 2) { 
+        display.innerText = `Correct option : B`;
+    }
+    if (string == 3) { 
+        display.innerText = `Correct option : C`;
+    }
+    if (string == 4) { 
+        display.innerText = `Correct option : D`;
+        }
 
+}
+function displaynone() {
+    let display = document.getElementById('display');
+    display.innerText = `Correct option : `;
+}
 incrementScore = (num) => {
     score += num;
     scoreText.innerText = score;

diff --git a/Light/game.css b/Light/game.css
@@ -82,7 +82,13 @@
   background-color: #56a5eb;
   width: 0%;
 }
-
+#display{
+  border:2px solid black;
+  border-radius: 5px;
+  width:100%;
+  margin-bottom:2px;
+  display:block;
+}
 /* LOADER */
 #loader {
   border: 1.6rem solid white;

diff --git a/Light/game.html b/Light/game.html
@@ -31,7 +31,7 @@ <h1 class="hud-main-text" id="score">
             </h1>
           </div>
         </div>
-        <h2 id="question"></h2>
+        <h2 id="question1">Question </h2><h2 id="question"></h2>
         <div class="choice-container">
           <p class="choice-prefix">A</p>
           <p class="choice-text" data-number="1"></p>

diff --git a/Light/game.js b/Light/game.js
@@ -8,7 +8,7 @@ const game = document.getElementById('game');
 const time_line = document.querySelector(".time .time_line");
 const timeText = document.querySelector(".timer .time_left_txt");
 const timeCount = document.querySelector(".timer .timer_sec");
-
+const question1 = document.getElementById('question1');
 
 var soundCorrect = new Audio("sounds/correctAns.mp3");
 var soundIncorrect = new Audio("sounds/wrongAns.mp3");
@@ -84,6 +84,7 @@ getNewQuestion = () => {
         return window.location.assign('end.html');
     }
     questionCounter++;
+    question1.innerText = `Question  ${questionCounter}`;//update question number
     progressText.innerText = `Question ${questionCounter}/${MAX_QUESTIONS}`;
     //Update the progress bar
     progressBarFull.style.width = `${(questionCounter / MAX_QUESTIONS) * 100}%`;
@@ -129,8 +130,9 @@ choices.forEach((choice) => {
             soundCorrect.play();
         } else {
             soundIncorrect.play();
+            display(currentQuestion.answer);
         }
-
+        setInterval(displaynone,4000);
         selectedChoice.parentElement.classList.add(classToApply);
         setTimeout(() => {
             selectedChoice.parentElement.classList.remove(classToApply);
@@ -178,7 +180,27 @@ function startTimerLine(time) {
         }
     }
 }
+let string;
+function display(string) {
+    let display = document.getElementById('display');
+    if (string == 1) { 
+    display.innerText = `Correct option : A`;
+    }
+    if (string == 2) { 
+        display.innerText = `Correct option : B`;
+    }
+    if (string == 3) { 
+        display.innerText = `Correct option : C`;
+    }
+    if (string == 4) { 
+        display.innerText = `Correct option : D`;
+        }
 
+}
+function displaynone() {
+    let display = document.getElementById('display');
+    display.innerText = `Correct option : `;
+}
 incrementScore = (num) => {
     score += num;
     scoreText.innerText = score;

diff --git a/game.js b/game.js