Update index.html

index.html

@@ -13,9 +13,13 @@
   <div class="container">
     <div class="card mt-5">
       <div class="card-header bg-primary text-white">
-        <h1 class="text-center">Chatbot Islamique </h1>
+        <h1 class="text-center">Chatbot Islamique</h1>
       </div>
       <div class="card-body">
+        <div class="mt-4 text-center">
+          <strong> connectée actuellement :</strong>
+          <p id="randomNumber" class="mt-2"></p>
+        </div>
         <div class="form-group">
           <label for="question">Posez votre question :</label>
           <textarea class="form-control" id="question" rows="3" placeholder="Entrez votre question"></textarea>
@@ -42,12 +46,6 @@
   <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"></script>
 
   <script>
-    // Fonction pour gérer le clic sur le bouton de soumission
-    document.getElementById('submitBtn').addEventListener('click', function() {
-      var question = document.getElementById('question').value;
-      getAnswer(question);
-    });
-
     // Fonction pour obtenir la réponse à partir de la question en utilisant l'API
     function getAnswer(question) {
       // Afficher l'indicateur de chargement
@@ -70,13 +68,25 @@
         document.getElementById('answer').innerHTML = answer;
       })
       .catch(error => {
-        console.error('Une erreur s\'est produite:', error);
+        console.error('Une erreur s\'est produite :', error);
       })
       .finally(() => {
         // Masquer l'indicateur de chargement après avoir reçu la réponse
         document.getElementById('loading').style.display = 'none';
       });
     }
+
+    // Générer et afficher le nombre aléatoire au chargement du site
+    document.addEventListener('DOMContentLoaded', function() {
+      var randomNumber = Math.floor(Math.random() * 19) + 2;
+      document.getElementById('randomNumber').innerHTML = randomNumber;
+    });
+
+    // Fonction pour gérer le clic sur le bouton de soumission
+    document.getElementById('submitBtn').addEventListener('click', function() {
+      var question = document.getElementById('question').value;
+      getAnswer(question);
+    });
   </script>
 </body>
 </html>