feat: bihar tourism quiz section

Author: sanghaibiraj

bihar-culture-landing/script.js

@@ -8,6 +8,7 @@ document.addEventListener('DOMContentLoaded', function() {
     initInteractiveElements();
     initAccessibility();
     initProgressiveEnhancement();
+    initQuiz(); // attach quiz logic if present
 });
 
 // Navigation enhancements
@@ -288,6 +289,38 @@ function initProgressiveEnhancement() {
     }
 }
 
+// Quiz initialization and logic
+function initQuiz() {
+    const form = document.getElementById('bihar-quiz');
+    if (!form) return;
+    const result = document.getElementById('quiz-result');
+    const answers = {
+        q1: 'bodh',
+        q2: 'nalanda',
+        q3: 'chhath',
+        q4: 'patna',
+        q5: 'valmiki'
+    };
+
+    form.addEventListener('submit', function (e) {
+        e.preventDefault();
+        let score = 0;
+        for (const [q, correct] of Object.entries(answers)) {
+            const group = form.elements[q];
+            if (group && group.value === correct) score++;
+        }
+
+        let message = '';
+        if (score === 5) message = 'Incredible! You’re a Bihar Boss!';
+        else if (score >= 4) message = 'Great job! Bhojpuri Bravo!';
+        else if (score >= 3) message = 'Nice! You’re on the Patna path.';
+        else if (score >= 2) message = 'Not bad! Keep exploring Bihar.';
+        else message = 'Time to tour Bihar’s wonders!';
+
+        if (result) result.textContent = 'You scored ' + score + '/5. ' + message;
+    });
+}
+
 // Utility functions for future enhancements
 const BiharCulture = {
     // Notification system

bihar-culture-landing/tourism.html

@@ -34,10 +34,58 @@ <h2>Rajgir</h2>
       <h2>Valmiki Tiger Reserve</h2>
       <p>A natural reserve in West Champaran for wildlife lovers.</p>
     </section>
+
+    <section id="quiz">
+      <h2>Quick Quiz: Bihar’s history, culture, and landmarks</h2>
+      <form id="bihar-quiz">
+        <fieldset>
+          <legend>1) Where did Lord Buddha attain enlightenment?</legend>
+          <label><input type="radio" name="q1" value="bodh" required> Bodh Gaya</label>
+          <label><input type="radio" name="q1" value="rajgir"> Rajgir</label>
+          <label><input type="radio" name="q1" value="vaishali"> Vaishali</label>
+        </fieldset>
+
+        <fieldset>
+          <legend>2) Which ancient university in Bihar is a UNESCO World Heritage Site?</legend>
+          <label><input type="radio" name="q2" value="takshashila" required> Takshashila</label>
+          <label><input type="radio" name="q2" value="nalanda"> Nalanda</label>
+          <label><input type="radio" name="q2" value="vikramshila"> Vikramshila</label>
+        </fieldset>
+
+        <fieldset>
+          <legend>3) The festival where devotees worship the Sun God is:</legend>
+          <label><input type="radio" name="q3" value="chhath" required> Chhath Puja</label>
+          <label><input type="radio" name="q3" value="holi"> Holi</label>
+          <label><input type="radio" name="q3" value="diwali"> Diwali</label>
+        </fieldset>
+
+        <fieldset>
+          <legend>4) The capital city of Bihar is:</legend>
+          <label><input type="radio" name="q4" value="gaya" required> Gaya</label>
+          <label><input type="radio" name="q4" value="patna"> Patna</label>
+          <label><input type="radio" name="q4" value="muzaffarpur"> Muzaffarpur</label>
+        </fieldset>
+
+        <fieldset>
+          <legend>5) The wildlife reserve in West Champaran is:</legend>
+          <label><input type="radio" name="q5" value="valmiki" required> Valmiki Tiger Reserve</label>
+          <label><input type="radio" name="q5" value="kuno"> Kuno National Park</label>
+          <label><input type="radio" name="q5" value="kaziranga"> Kaziranga National Park</label>
+        </fieldset>
+
+        <div class="quiz-actions">
+          <button type="submit">Submit</button>
+          <button type="reset">Reset</button>
+        </div>
+      </form>
+      <div id="quiz-result" role="status" aria-live="polite"></div>
+    </section>
   </main>
 
   <footer>
     <p>Contributors can add more tourist spots!</p>
   </footer>
+
+  <script src="script.js"></script>
 </body>
 </html>