Fix the index.js br issue

index.html

@@ -47,7 +47,7 @@
       <div class="main">
         <div class="secondary">
           <img id="img_analyse" src="src/img/Accueil/Analyse.jpg" alt="image montrant des personnes et des diagrammes">
-          <p id="who_we_are">L’équipe « Vision et Analyse de Données » est une équipe du laboratoire L@bISEN de l’ISEN <br>Yncréa Ouest. L’équipe mène une activité de R&D pour la conception de plateformes <br>technologiques d’observations et d’analyses à partir de réseaux de capteurs intelligents.</p>
+          <p id="who_we_are"><div id="LabHidden">L’équipe « Vision et Analyse de Données » est une équipe du laboratoire L@bISEN de l’ISEN <br>Yncréa Ouest. L’équipe mène une activité de R&D pour la conception de plateformes <br>technologiques d’observations et d’analyses à partir de réseaux de capteurs intelligents.</div></p>
           <a href="recherche.html"class="btn">Voir nos axes de recherches</a>
           <li class="actu">
             <p>Fil d'actualité</p>

src/css/style.css

@@ -35,7 +35,7 @@ img{
 #who_we_are{
     width: 100%;
     height: 100%;
-    color: white;
+    color: red;
     text-align: center;
 }
 
@@ -72,4 +72,8 @@ img{
 
 #img_hover{
     width: auto;
+}
+
+#LabHidden{
+    display: none;
 }

src/js/index/index.js

@@ -1,11 +1,15 @@
 function displayWord() {
-  const words = document.getElementById('who_we_are').textContent.trim().split(' ');
-
+  const words = document.getElementById('LabHidden').textContent.trim().split(' ');
   words.forEach((word, index) => {
     const wordElement = document.createElement('span');
     wordElement.classList.add('word');
     wordElement.innerText = word;
     wordElement.style.transitionDelay = `${index * 100}ms`;
+    //Si le module d'index par 15 atteint 0, on ajoute un <br>
+    if (index % 15 === 0) {
+        const brElement = document.createElement('br');
+        document.getElementById('who_we_are').appendChild(brElement);
+    }
     document.getElementById('who_we_are').appendChild(wordElement);
 
     // Ajouter un espace après chaque mot, sauf pour le dernier mot
@@ -16,14 +20,7 @@ function displayWord() {
     }
 
     // Vérifier s'il y a un élément <br> dans le texte
-    const nextElement = wordElement.nextElementSibling;
-    if (nextElement && nextElement.tagName === 'br') {
-      console.log('ca passe ici')
-      const spaceElement = document.createElement('span');
-      spaceElement.innerHTML = '&nbsp;';
-      document.getElementById('who_we_are').appendChild(spaceElement);
-      console.log('la aussi')
-    }
+
 
     setTimeout(() => {
       wordElement.classList.add('show');