Inizio frasi di caricamento

index.html

@@ -26,7 +26,7 @@
           <input type="date" id="date" />
           <button onclick="trovaSegno()">Trova il tuo segno</button>
         </div>
-        <button onclick="Oroscopo()" id="bottone">
+        <button onclick="predizione()" id="bottone">
           Chiedi il tuo pronostico
         </button>
         <div id="output"></div>
@@ -278,8 +278,17 @@
       /*******************************************************************************************************************************************************/
 
       /***********************************************Sezione Content*****************************************************************************************/
+      let keepGoing = true;
+
+      const arrayFrasiCaricamento = [
+        "frase 1",
+        "frase 2"
+      ]
+      function predizione(){
+        frasiCaricamento();
+        Oroscopo();
+      }
       async function Oroscopo() {
-        //frasiCaricamento();
 
         document.getElementById("output").innerHTML = "";
         document.getElementById("bottone").innerHTML =
@@ -454,6 +463,14 @@
           .forEach((tag) => (tag.style.display = "none"));
         campoSegno.disabled = true;
       }
+
+      function frasiCaricamento(){
+        let i = 0;
+        document.getElementById('output').innerHTML = arrayFrasiCaricamento[i];
+        /*while(keepGoing){
+          if(i%7==0) document.getElementById('output').innerHTML = arrayFrasiCaricamento[i];
+        }*/
+      }
       /*******************************************************************************************************************************************************/
     </script>
   </body>