Merge pull request #6 from avionicharshit-byte/main

added quiz question in index.html file and updated script.js file
Sar-taj107 · Oct 5, 2023 · 8c6c989 · 8c6c989
2 parents 59472c5 + 4c25b8c
commit 8c6c989
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 5 deletions.
diff --git a/index.html b/index.html
@@ -16,7 +16,6 @@
                 <p class="subtitle">Quiz on WebDev - Basics </p>
             </div>
 
-
             <form class="quiz-form">
                 <div class="question">
                     <p>1. Inside which HTML element do we put the JavaScript?</p>
@@ -298,6 +297,26 @@
                       <label for="">Application Protocol Integration</label>
                     </div>
                   </div>
+
+                  <div class="question">
+                      <p>15. Which of the following is not a valid way to declare a variable in JavaScript?</p>
+                      <div class="option">
+                          <input type="radio" name="q15" id="" value="A" checked >
+                          <label for="">var myVariable = 10</script></label>
+                      </div>
+                      <div class="option">
+                          <input type="radio" name="q15" id="" value="B">
+                          <label for="">let myVariable = 10</label>
+                      </div>
+                      <div class="option">
+                          <input type="radio" name="q15" id="" value="C">
+                          <label for="">const myVariable = 10</label>
+                      </div>
+                      <div class="option">
+                          <input type="radio" name="q15" id="" value="D" >
+                          <label for="">myVariable = 10</label>
+                      </div>
+                  </div>
 
                 <div class="result hide">
                     <p></p>
@@ -314,5 +333,4 @@
     </main>
     <script src="script.js"></script>
 </body>
-
 </html>
diff --git a/script.js b/script.js
@@ -1,6 +1,6 @@
 
-const correctAnswer = ["D", "B", "C", "B", "D", "A", "B", "D", "A", "B", "A", "C", "B", "C"];
-const correctOptions = ["D", "B", "C", "B", "D", "A", "B", "D", "A", "B", "A", "C", "B", "C"];
+const correctAnswer = ["D", "B", "C", "B", "D", "A", "B", "D", "A", "B", "A", "C", "B", "C", "D"];
+const correctOptions = ["D", "B", "C", "B", "D", "A", "B", "D", "A", "B", "A", "C", "B", "C", "D"];
 
 const form = document.querySelector(".quiz-form");
 const result = document.querySelector(".result");
@@ -9,6 +9,7 @@ const questions = document.querySelectorAll(".question");
 form.addEventListener("submit", (event) => {
   event.preventDefault();
 
+
   let score = 0;
   const userAnswers = [
     ...document.querySelectorAll("input[type=radio]:checked"),
@@ -37,4 +38,4 @@ form.addEventListener("submit", (event) => {
   result.querySelector(
     "p"
   ).textContent = `You scored ${score}/${userAnswers.length}!`;
-});
+});