Merge pull request #4882 from KapuluruBhuvaneswariVspdbct/main

solved #4875 and #4881
anuragverma108 · Nov 10, 2024 · 60d919f · 60d919f
2 parents 8496d69 + d31fbc5
commit 60d919f
Show file tree

Hide file tree

Showing 2 changed files with 72 additions and 6 deletions.
diff --git a/assets/html/exp.html b/assets/html/exp.html
@@ -3,7 +3,7 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>The Story of Experiments with Truth Quiz</title>
+    <title>The story of my expirements with truth Quiz</title>
     <style>
         body {
             font-family: Arial, sans-serif;
@@ -58,13 +58,14 @@
 <body>
 
 <div class="quiz-container">
-    <h1>The Story of Experiments with Truth Quiz</h1>
+    <h1>The story of my expirements with truth Quiz</h1>
     <div id="quiz-questions">
         <!-- Questions will be inserted here -->
     </div>
     <button id="submit-button" onclick="submitQuiz()">Submit</button>
     <div id="quiz-result" style="display: none;"></div>
-    <button id="home-button" style="display: none;" onclick="window.location.href='quizzes.html';">Return to Quizzes</button>
+    <button id="home-button" style="display: none;" onclick="window.location.href='index.html';">Return to Home</button>
+    <button id="solutions-button" style="display: none;" onclick="showSolutions()">See Solutions</button>
 </div>
 
 <script>
@@ -140,6 +141,38 @@ <h1>The Story of Experiments with Truth Quiz</h1>
         homeButton.onclick = () => window.location.href = 'quizzes.html';
         homeButton.innerText = 'Return to Quizzes';
         quizContainer.appendChild(homeButton);
+
+        // Create the see solutions button
+        const solutionsButton = document.createElement('button');
+        solutionsButton.onclick = showSolutions;
+        solutionsButton.innerText = 'See Solutions';
+        quizContainer.appendChild(solutionsButton);
+    }
+
+    function showSolutions() {
+        const quizContainer = document.querySelector('.quiz-container');
+        quizContainer.innerHTML = '<h2>Quiz Solutions</h2>';
+
+        quizData.forEach((question, index) => {
+            const solutionElement = document.createElement('div');
+            solutionElement.classList.add('solution');
+
+            const questionText = document.createElement('h4');
+            questionText.innerText = `${index + 1}. ${question.question}`;
+            solutionElement.appendChild(questionText);
+
+            const correctAnswer = document.createElement('p');
+            correctAnswer.innerText = `Correct Answer: ${question.answer}`;
+            solutionElement.appendChild(correctAnswer);
+
+            quizContainer.appendChild(solutionElement);
+        });
+
+        // Add the return to home button again
+        const homeButton = document.createElement('button');
+        homeButton.onclick = () => window.location.href = 'quizzes.html';
+        homeButton.innerText = 'Return to Home';
+        quizContainer.appendChild(homeButton);
     }
 
     function submitQuiz() {

diff --git a/assets/html/home.html b/assets/html/home.html
@@ -3,7 +3,7 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Home and the World Quiz</title>
+    <title>Home and the world Quiz</title>
     <style>
         body {
             font-family: Arial, sans-serif;
@@ -58,13 +58,14 @@
 <body>
 
 <div class="quiz-container">
-    <h1>Home and the World Quiz</h1>
+    <h1>Home and the world Quiz</h1>
     <div id="quiz-questions">
         <!-- Questions will be inserted here -->
     </div>
     <button id="submit-button" onclick="submitQuiz()">Submit</button>
     <div id="quiz-result" style="display: none;"></div>
-    <button id="home-button" style="display: none;" onclick="window.location.href='quizzes.html';">Return to Quizzes</button>
+    <button id="home-button" style="display: none;" onclick="window.location.href='index.html';">Return to Home</button>
+    <button id="solutions-button" style="display: none;" onclick="showSolutions()">See Solutions</button>
 </div>
 
 <script>
@@ -140,6 +141,38 @@ <h1>Home and the World Quiz</h1>
         homeButton.onclick = () => window.location.href = 'quizzes.html';
         homeButton.innerText = 'Return to Quizzes';
         quizContainer.appendChild(homeButton);
+
+        // Create the see solutions button
+        const solutionsButton = document.createElement('button');
+        solutionsButton.onclick = showSolutions;
+        solutionsButton.innerText = 'See Solutions';
+        quizContainer.appendChild(solutionsButton);
+    }
+
+    function showSolutions() {
+        const quizContainer = document.querySelector('.quiz-container');
+        quizContainer.innerHTML = '<h2>Quiz Solutions</h2>';
+
+        quizData.forEach((question, index) => {
+            const solutionElement = document.createElement('div');
+            solutionElement.classList.add('solution');
+
+            const questionText = document.createElement('h4');
+            questionText.innerText = `${index + 1}. ${question.question}`;
+            solutionElement.appendChild(questionText);
+
+            const correctAnswer = document.createElement('p');
+            correctAnswer.innerText = `Correct Answer: ${question.answer}`;
+            solutionElement.appendChild(correctAnswer);
+
+            quizContainer.appendChild(solutionElement);
+        });
+
+        // Add the return to home button again
+        const homeButton = document.createElement('button');
+        homeButton.onclick = () => window.location.href = 'quizzes.html';
+        homeButton.innerText = 'Return to Home';
+        quizContainer.appendChild(homeButton);
     }
 
     function submitQuiz() {