Update index.html

index.html

@@ -89,7 +89,6 @@
     <div class="category">Foundation Models & Transformers</div>
     <div class="category">Vector Embeddings & LLMs</div>
     <div class="category">AI Risks & Hallucinations</div>
-    <!-- Cards will be added here -->
   </div>
   <div id="question-display"></div>
   <div id="score">Score: 0</div>
@@ -102,40 +101,40 @@
       "Vector Embeddings & LLMs",
       "AI Risks & Hallucinations"
     ];
+
     const questions = [
       [
         { q: "What is Generative AI?", a: ["AI that creates new data similar to training data", "A rule-based expert system", "A basic search algorithm"], correct: 0 },
-        { q: "Which area of AI does Generative AI belong to?", a: ["Deep Learning", "Symbolic AI", "Database Management"], correct: 0 },
-        { q: "What problem does Generative AI solve?", a: ["Inverse problem of classification", "Sorting algorithms", "Data compression"], correct: 0 }
+        { q: "Which area of AI does Generative AI belong to?", a: ["Deep Learning", "Symbolic AI", "Database Management"], correct: 1 },
+        { q: "What problem does Generative AI solve?", a: ["Inverse problem of classification", "Sorting algorithms", "Data compression"], correct: 2 }
       ],
       [
         { q: "What is the primary difference between Discriminative and Generative models?", a: ["Generative models learn data distribution", "Discriminative models generate new data", "They are identical"], correct: 0 },
-        { q: "Which is NOT an example of a foundation model?", a: ["Linear Regression", "GPT-4", "BERT"], correct: 0 },
-        { q: "Which ML technique is used to train Generative AI?", a: ["Supervised Learning", "Unsupervised Learning", "Linear Regression"], correct: 1 }
+        { q: "Which is NOT an example of a foundation model?", a: ["Linear Regression", "GPT-4", "BERT"], correct: 1 },
+        { q: "Which ML technique is used to train Generative AI?", a: ["Supervised Learning", "Unsupervised Learning", "Linear Regression"], correct: 2 }
       ],
       [
         { q: "What key technology underpins Transformer models?", a: ["Attention Mechanism", "Markov Chains", "Decision Trees"], correct: 0 },
-        { q: "Which company introduced the Transformer architecture?", a: ["Google", "Microsoft", "OpenAI"], correct: 0 },
-        { q: "What makes Transformer models scalable?", a: ["Parallelization", "More CPU cores", "Sequential execution"], correct: 0 }
+        { q: "Which company introduced the Transformer architecture?", a: ["Google", "Microsoft", "OpenAI"], correct: 1 },
+        { q: "What makes Transformer models scalable?", a: ["Parallelization", "More CPU cores", "Sequential execution"], correct: 2 }
       ],
       [
         { q: "What are vector embeddings used for?", a: ["Representing words numerically", "Sorting files", "Data encryption"], correct: 0 },
-        { q: "Which method is used to store vector embeddings?", a: ["Vector Databases", "Excel Sheets", "Data Frames"], correct: 0 },
-        { q: "Which AI model uses vector embeddings heavily?", a: ["Large Language Models (LLMs)", "Decision Trees", "Clustering Models"], correct: 0 }
+        { q: "Which method is used to store vector embeddings?", a: ["Vector Databases", "Excel Sheets", "Data Frames"], correct: 1 },
+        { q: "Which AI model uses vector embeddings heavily?", a: ["Large Language Models (LLMs)", "Decision Trees", "Clustering Models"], correct: 2 }
       ],
       [
         { q: "What is AI hallucination?", a: ["Generating incorrect or fabricated information", "A sleep disorder", "Overfitting"], correct: 0 },
-        { q: "How can AI hallucinations be reduced?", a: ["Better data and fine-tuning", "Increasing randomness", "Removing training data"], correct: 0 },
-        { q: "Which is a risk of Generative AI?", a: ["Misinformation", "Better accuracy", "Improved efficiency"], correct: 0 }
+        { q: "How can AI hallucinations be reduced?", a: ["Better data and fine-tuning", "Increasing randomness", "Removing training data"], correct: 1 },
+        { q: "Which is a risk of Generative AI?", a: ["Misinformation", "Better accuracy", "Improved efficiency"], correct: 2 }
       ]
     ];
-    
+
     let score = 0;
     const gameBoard = document.getElementById("game-board");
     const questionDisplay = document.getElementById("question-display");
     const scoreDisplay = document.getElementById("score");
 
-    // Create cards below the category row (3 rows x 5 columns)
     function createBoard() {
       for (let row = 0; row < 3; row++) {
         for (let col = 0; col < 5; col++) {
@@ -147,42 +146,30 @@
         }
       }
     }
-    createBoard();
 
-    // Function to display the question and handle answer selection
     function showQuestion(categoryIndex, questionIndex, cardElement) {
-      // Prevent clicking the same card twice
       if (cardElement.classList.contains("disabled")) return;
-      
-      // Retrieve the question data
+
       const questionData = questions[categoryIndex][questionIndex];
-      
-      // Clear previous content
       questionDisplay.innerHTML = "";
-      
-      // Create and display the question text
+
       const questionText = document.createElement("p");
       questionText.textContent = questionData.q;
       questionDisplay.appendChild(questionText);
-      
-      // Display each answer as a button
+
       questionData.a.forEach((answer, index) => {
         const btn = document.createElement("button");
         btn.textContent = answer;
         btn.onclick = () => {
-          // Check the answer
           if (index === questionData.correct) {
             score += (questionIndex + 1) * 100;
           } else {
             score -= (questionIndex + 1) * 100;
           }
           scoreDisplay.textContent = `Score: ${score}`;
-          
-          // Disable the card so it can't be clicked again
           cardElement.classList.add("disabled");
           cardElement.onclick = null;
-          
-          // Clear the question display after a short delay
+
           setTimeout(() => {
             questionDisplay.innerHTML = "";
           }, 2000);
@@ -190,6 +177,8 @@
         questionDisplay.appendChild(btn);
       });
     }
+
+    createBoard();
   </script>
 </body>
 </html>