feat(JS): declutter and format codebase

Author: josueJURE

public/index.js

@@ -29,7 +29,7 @@ let textContent;
 let imageUrl;
 let isLactoseIntolerant;
 let dishOriginCountry;
-let currentChar
+let currentChar;
 
 const defaultRecipe = `
 Apologies, but our AI Recipe-Making expert is unavailable. Please try again later. In the meantime, please find one of our favourite recipes below.
@@ -283,17 +283,18 @@ recipeButtons.forEach((button) => {
 
             const utterance = new SpeechSynthesisUtterance();
 
-            const speechBtns =  Array.from(document.querySelectorAll(".fa-solid"));
+            const speechBtns = Array.from(
+              document.querySelectorAll(".fa-solid")
+            );
             const speedBtn = document.querySelector("#speed");
 
-            console.log(speechBtns)
-
+            console.log(speechBtns);
 
             function readRecipe(recipe) {
-              if(speechSynthesis.paused && speechSynthesis.speaking) {
+              if (speechSynthesis.paused && speechSynthesis.speaking) {
                 return speechSynthesis.resume();
               }
-              if(speechSynthesis.speaking) return
+              if (speechSynthesis.speaking) return;
               utterance.text = recipe;
               utterance.rate = speedBtn.value || 1;
               speechSynthesis.speak(utterance);
@@ -307,71 +308,23 @@ recipeButtons.forEach((button) => {
               speechSynthesis.cancel();
             }
 
-            // speechBtns.forEach( speechBtn => {
-            //   const btnName = speechBtn.getAttribute("name")
-            //   if(btnName === "microphone") {
-            //     console.log(btnName)
-            //     readRecipe(`${textContent}`);
-            //   } else if (btnName === "pause") {
-            //     pauseReading();
-            //   } else if (btnName === "stop") {
-            //     stopREeading();
-            //   }
-            // })
-
-            speechBtns.forEach( speechBtn => {
+            speechBtns.forEach((speechBtn) => {
               speechBtn.addEventListener("click", () => {
                 const btnName = speechBtn.getAttribute("name");
-                if(btnName === "microphone") {
+                if (btnName === "microphone") {
                   console.log(btnName);
                   readRecipe(`${textContent}`);
                 } else if (btnName === "pause") {
                   pauseReading();
                 } else if (btnName === "stop") {
                   stopREeading();
                 }
-              })
-            })
-            
-            console.log(speechBtns)
-
-            
-
-
-            // const microphoneBtn = document.querySelector(".fa-microphone");
-            // const pauseBtn = document.querySelector(".fa-pause");
-            // const stopBtn = document.querySelector(".fa-stop");
-           
-
-             console.log(speedBtn)
-
-
-           
-
-
-           
-      
-
-          // speedBtn.addEventListener("input", () => {
-          //   stopREeading();
-          //   readRecipe(utterance.text.substring(currentChar));
-
-          //   console.log("speed has been incremented")
-          // })
-
-          // utterance.addEventListener("boundary", (e) => {
-          //   currentChar = e.charIndex;
-          // })
-
-            // stopBtn.addEventListener("click",  stopREeading);
-
-            // pauseBtn.addEventListener("click", pauseReading);
+              });
+            });
 
- 
+            console.log(speechBtns);
 
-            // microphoneBtn.addEventListener("click", () => {
-            //   readRecipe(`${textContent}`);
-            // });
+            console.log(speedBtn);
           })
           .catch((error) => {
             console.error("Error:", error);