word-games-theme 2.7.9 → 2.8.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 43b7e164e42efb28082f6d1c1269094f2a4521647ee54a1ed4999244cd1c2d8c
-  data.tar.gz: d37352d741caa723f22e6409d2276ef54705bb0439998a66c954761813b3af28
+  metadata.gz: 83783b247728585727105a58ce677d1f5481254b414208fa2d1594278bff9e84
+  data.tar.gz: ddd25dfcfc29ef7a3ae8f885ac8220eef2f2bbcfbd5e4124fa0e478e51d52d6a
 SHA512:
-  metadata.gz: f09d60ab6836d2b05db75716ce1460b4ee9f9b4ef99a5f111aa45e6347e819082110ffb465b8d41eb7566947cf748b4f7eaf3ba279c64808125f0edf4c066bb1
-  data.tar.gz: f1d6b0627176d16a0a6e773fced0b31a5d91863b2a13cbf317e9976afd209107045dd90f1ecba3aaa4133b1ac8363a3d8c43889d96dac266330827a050ea7ddd
+  metadata.gz: c051fbc4f5ba9ab1e2b5372195315ed07e8916c2a5972e2a40c0994428b3dfde6142cf19b4264744cfc26a38bead240d590de5eef0244a07bc9d1571b1d0e3ee
+  data.tar.gz: 7726afab576671e08eb46deda034bcd187606e8df8b8683a0f3f5eb79a1a90f631e665fc4a3417925e43db929c130f511d8f72efc489e58f4c11352afea0d19b

data/_includes/wordgames/search-box/search-box.html

@@ -15,7 +15,7 @@
                     </div>
                 </div>
                 <div class="search-btn-container">
-                    <input style="background-color: {{CustomColor.inputButtonBg}};" type="submit" class="serachBtn" id="serach">
+                    <button value="Search" type="submit" class="btn serachBtn" id="serach"></button>
                 </div>
                 <div class="dictonaryDropdown">
                     <select class="form-select select_dropDown2" name="dictionary" aria-label="Default select example">

data/_layouts/wordgames-home.html

@@ -6,6 +6,7 @@
 {%- if site.noResultPage or page.noResultPage -%}
 <style>
     .main-header {
+        padding-top: 12vh;
         margin: 0px !important;
         height: auto !important;
         /* padding-bottom: 50vh; */

data/assets/js/wordfinder.js

@@ -49,6 +49,7 @@ sortup.addEventListener("click", () => {
     }
 });
 document.querySelector(".select_dropDown2").value = dictonary;
+
 const getDiff = (text1, text2) => {
     var diffRange = [];
     var currentRange = undefined;
@@ -70,28 +71,18 @@ const getDiff = (text1, text2) => {
     }
     return diffRange;
 };
-
 let authorsLists = document.querySelector(".authors-list")
 let serachBtn = document.querySelector(".serachBtn")
 let searchBtnContainer = document.querySelector(".search-btn-container")
 
-
-fetch('/.netlify/functions/helloWorld')
-  .then(response => response.json())
-  .then(data => {
-    console.log(data);
-  })
-  .catch(error => {
-    console.error(error);
-  });
-
-
 // getWords define...
+const worker = new Worker('./wordfinder-worker.js');
 const getData = async (serachValue) => {
     try {
         document.querySelector(".main-header").style.background = "#fff"
         document.querySelector(".heading-h2").style.display = "none"
         document.querySelector(".sortingFilters").style.display = "none"
+
         if (featureContainer) {
             featureContainer.remove()
         }
@@ -107,10 +98,11 @@ const getData = async (serachValue) => {
         if (authorsLists) {
             authorsLists.remove()
         }
+
         errorMsg.innerHTML = "";
         wordCount.innerHTML = "";
-        let selectedDictionary = document.querySelector(".select_dropDown2").value;
 
+        let selectedDictionary = document.querySelector(".select_dropDown2").value;
         serachBtn.style.background = 'url(/assets/images/spinner.gif) no-repeat center center';
 
         main.innerHTML = `<main class="placeholder-loader">
@@ -142,27 +134,18 @@ const getData = async (serachValue) => {
         </ul>
       </main>`;
 
-        // loader
-        const startTime = performance.now();
-        let response
-        if (serachValue) {
-            response = await fetch(`/.netlify/functions/getWords?name=${serachValue}&selecteddictionary=${selectedDictionary}`);
-            // response = await fetch(`/.netlify/functions/helloWorld`);
-         
-        } else {
-            response = await fetch(`/.netlify/functions/getData?&selecteddictionary=${selectedDictionary}`)
+        worker.postMessage({
+            type: "api",
+            serachValue: serachValue,
+            selectedDictionary: selectedDictionary,
+            endpoint: `/.netlify/functions`
+        });
+
+        worker.onmessage = (event) => {
+            main.innerHTML = "";
+            serachBtn.style.background = 'url(/assets/images/search.svg) no-repeat center center';
+            getWords(event.data.data);
         }
-        const endTime = performance.now();
-        const duration = endTime - startTime;
-        console.log(`API response time: ${duration} milliseconds`);
-        console.log('this is hashing apporch!');
-
-        const data = await response.json();
-        console.log(data);
-        main.innerHTML = "";
-        serachBtn.style.background = 'url(/assets/images/search.svg) no-repeat center center';
-        getWords(data);
-        //getWords calling...
     } catch (error) {
         console.log(error);
     }
@@ -175,12 +158,6 @@ if (lengthValue === "1") {
         document.querySelector(".fillterWrapper").classList.add("hide")
         const scrollingElement = document.scrollingElement || document.body;
         scrollingElement.scroll({ top: 0, behavior: "smooth" });
-        // if (rangeOfBlankTile) {
-        //     if (!txtBox.value.includes("?")) {
-        //         txtBox.value = txtBox.value + quesMark.repeat(rangeOfBlankTile); //
-        //     }
-        // }
-
         let selectedDictionary = document.querySelector(".select_dropDown2").value;
         event.preventDefault();
         if (history.pushState) {
@@ -238,18 +215,15 @@ if (lengthValue === "1") {
             });
         }
         getData(txtBox.value.toLowerCase());
-        // addFilterCount();
     }
     let selectedDictionary = document.querySelector(".select_dropDown2");
     selectedDictionary.addEventListener("change", (e) => {
         logSubmit(e);
     });
-    // applyBtn.addEventListener("submit", logSubmit);
     form.addEventListener("submit", logSubmit);
     sortingFilter.addEventListener("change", logSubmit);
 }
 
-
 let previousDataIndex = null
 let previousID = null;
 let storepreviousIndex = []
@@ -261,194 +235,78 @@ function getWords(data) {
     storepreviousIndex = []
     main.innerHTML = "";
     lengthSelect.innerHTML = ""
-    document.querySelector(".sortingFilters").style.display = "flex"
     if (typeof data === "string") {
         errorMsg.innerHTML = "no words found";
-        wordCount.innerHTML = `<strong>Found 0 words with letters ${serachValue.split(
-            ""
-        )}</strong>`;
     } else {
-        let newWordsLength = 0;
-        let dataArr = [];
-        for (let i = 15; i > 0; i--) {
-            let newdata = data.filter((item) => item.length === i);
-            if (prefixValue) {
-                newdata = newdata.filter((item2) =>
-                    item2.startsWith(prefixValue.toLowerCase())
-                );
-                startsWith.nextElementSibling.querySelector("img").src = "/assets/images/close-btn.svg"
-                startsWith.nextElementSibling.removeAttribute("data-tip")
-                startsWith.nextElementSibling.style.setProperty('--tooltip-padding', '0');
-                startsWith.nextElementSibling.style.setProperty('--tooltip-border-style', 'none');
-                startsWith.classList.add("tick");
-                startsWith.value = prefixValue;
-            } else {
-                startsWith.classList.remove("tick");
-            }
-            if (containsValue) {
-                newdata = newdata.filter((item) =>
-                    item.includes(containsValue.toLowerCase())
-                );
-                mustInclude.nextElementSibling.querySelector("img").src = "/assets/images/close-btn.svg"
-                mustInclude.nextElementSibling.removeAttribute("data-tip")
-                mustInclude.nextElementSibling.style.setProperty('--tooltip-padding', '0');
-                mustInclude.nextElementSibling.style.setProperty('--tooltip-border-style', 'none');
-                mustInclude.classList.add("tick");
-                mustInclude.value = containsValue;
-            } else {
-                mustInclude.classList.remove("tick");
-            }
-            if (suffixValue) {
-                newdata = newdata.filter((item) =>
-                    item.endsWith(suffixValue.toLowerCase())
-                );
-                endsWith.nextElementSibling.querySelector("img").src = "/assets/images/close-btn.svg"
-                endsWith.nextElementSibling.removeAttribute("data-tip")
-                endsWith.nextElementSibling.style.setProperty('--tooltip-padding', '0');
-                endsWith.nextElementSibling.style.setProperty('--tooltip-border-style', 'none');
-                endsWith.classList.add("tick");
-                endsWith.value = suffixValue;
-            } else {
-                endsWith.classList.remove("tick");
-            }
-            if (exculdeValue) {
-                let data = [];
-                newdata.map((item) => {
-                    let check = false;
-                    for (let e = 0; e < exculdeValue.length; e++) {
-                        const element = exculdeValue[e].toLowerCase();
-                        if (item.includes(element)) {
-                            check = true;
-                            break;
-                        } else {
-                            check = false;
-                        }
-                    }
-                    if (check === false) {
-                        data.push(item);
-                    }
-                });
-                exculdeWith.nextElementSibling.querySelector("img").src = "/assets/images/close-btn.svg"
-                exculdeWith.nextElementSibling.removeAttribute("data-tip")
-                exculdeWith.nextElementSibling.style.setProperty('--tooltip-padding', '0');
-                exculdeWith.nextElementSibling.style.setProperty('--tooltip-border-style', 'none');
-                exculdeWith.classList.add("tick");
-                exculdeWith.value = exculdeValue;
-                newdata = data;
-            } else {
-                exculdeWith.classList.remove("tick");
-            }
-            if (includeValue) {
-                let data = [];
-                newdata.map((item) => {
-                    let check = false;
-                    for (let e = 0; e < includeValue.length; e++) {
-                        const element = includeValue[e].toLowerCase();
-                        if (!item.includes(element)) {
-                            check = true;
-                            break;
-                        } else {
-                            check = false;
-                        }
-                    }
-                    if (check === false) {
-                        data.push(item);
-                    }
-                });
-                inculdeWith.nextElementSibling.querySelector("img").src = "/assets/images/close-btn.svg"
-                inculdeWith.nextElementSibling.removeAttribute("data-tip")
-                inculdeWith.nextElementSibling.style.setProperty('--tooltip-padding', '0');
-                inculdeWith.nextElementSibling.style.setProperty('--tooltip-border-style', 'none');
-                inculdeWith.classList.add("tick");
-                inculdeWith.value = includeValue;
-                newdata = data;
-            } else {
-                inculdeWith.classList.remove("tick");
-            }
-            if (lengthValue) {
-                newdata = newdata.filter((item) => item.length == lengthValue);
-                wordLength.nextElementSibling.querySelector("img").src = "/assets/images/close-btn.svg"
-                wordLength.nextElementSibling.removeAttribute("data-tip")
-                wordLength.nextElementSibling.style.setProperty('--tooltip-padding', '0');
-                wordLength.nextElementSibling.style.setProperty('--tooltip-border-style', 'none');
-                wordLength.classList.add("tick");
-                wordLength.value = lengthValue;
-            } else {
-                wordLength.classList.remove("tick");
-            }
-            if (newdata.length === 0) {
-                main.innerHTML += "";
-            } else {
-                newWordsLength += newdata.length;
-                newdata = sortWords(newdata);
+        worker.postMessage({
+            type: 'filterwords',
+            data: data,
+            serachValue: serachValue,
+            prefixValue: prefixValue,
+            containsValue: containsValue,
+            suffixValue: suffixValue,
+            exculdeValue: exculdeValue,
+            includeValue: includeValue,
+            lengthValue: lengthValue,
+            sortingFilter: sortingFilter.selectedIndex,
+            dictonary: dictonary
+        });
+        worker.onmessage = (event) => {
+            if (event.data.type === "filterwords") {
+                errorMsg.innerHTML = ""
+                document.querySelector(".sortingFilters").style.display = "flex"
+                let { prefixValue, containsValue, suffixValue, exculdeValue, includeValue, lengthValue, newdata, i, newWordsLength, result } = event.data
                 moreData.push(newdata)
-                let result = newdata.map((item) => {
-                    let itemHtml = "";
-                    if (serachValue) {
-                        var text1 = serachValue.replace("?", "");
-                        var text2 = item;
-                        var text3 = item;
-                        let chars = text1.split("");
-                        let indexs = [];
-                        chars.map((i) => {
-                            let findIndexes = findIndex(text3, i);
-                            if (findIndexes.length > 0) {
-                                text3 = text3.split("");
-                                text3[findIndexes] = "$";
-                                text3 = text3.join("");
-                                indexs = [...indexs, ...findIndexes];
-                            }
-                        });
-                        text2.split("").map((itemValue, index) => {
-                            let check = indexs.find((i) => i === index);
-                            if (check !== undefined) {
-                                itemHtml += `${itemValue}`;
-                            } else {
-                                itemHtml += `<span class='highlight'>${itemValue}</span>`;
-                            }
-                        });
-                    } else {
-                        itemHtml = item
-                    }
-                    if (item.length === 1) {
-                        ok = false;
-                        newWordsLength = newWordsLength - 1;
-                    } else {
-                        let ScrabbleLetterScore = ScrabbleScore();
-                        sum = 0;
-                        item = item.toLowerCase();
-                        for (let i = 0; i < item.length; i++) {
-                            sum += ScrabbleLetterScore[item[i]] || 0; // for unknown characters
+                if (prefixValue) {
+                    startsWith.nextElementSibling.querySelector("img").src = "/assets/images/close-btn.svg"
+                    startsWith.classList.add("tick");
+                    startsWith.value = prefixValue;
+                }
+                if (suffixValue) {
+                    endsWith.nextElementSibling.querySelector("img").src = "/assets/images/close-btn.svg"
+                    endsWith.classList.add("tick");
+                    endsWith.value = suffixValue;
+                }
+                if (containsValue) {
+                    mustInclude.nextElementSibling.querySelector("img").src = "/assets/images/close-btn.svg"
+                    mustInclude.classList.add("tick");
+                    mustInclude.value = containsValue;
+                }
+                if (lengthValue) {
+                    wordLength.nextElementSibling.querySelector("img").src = "/assets/images/close-btn.svg"
+                    wordLength.classList.add("tick");
+                    wordLength.value = lengthValue;
+                }
+                if (exculdeValue) {
+                    exculdeWith.nextElementSibling.querySelector("img").src = "/assets/images/close-btn.svg"
+                    exculdeWith.classList.add("tick");
+                    exculdeWith.value = exculdeValue;
+                }
+                if (includeValue) {
+                    inculdeWith.nextElementSibling.querySelector("img").src = "/assets/images/close-btn.svg"
+                    inculdeWith.classList.add("tick");
+                    inculdeWith.value = includeValue;
+                }
+                if (newdata.length === 0) {
+                    main.innerHTML += "";
+                } else {
+                    if (result[0] !== undefined) {
+                        if (wordLength.value) {
+                            lengthSelect.style.display = "none"
+                        } else {
+                            var option = document.createElement("option");
+                            option.text = `${i} Letter`;
+                            option.value = i;
+                            lengthSelect.setAttribute("onchange", `Filtering(${i})`)
+                            lengthSelect.add(option);
+                            lengthSelect.style.display = "block"
                         }
-                        dataArr.push(item);
-                        return `
-                        <a class="anchor__style" title="Lookup ${item} in Dictionary" target="_blank" href="/word-meaning?search=${item.toLowerCase()}">
-                        ${itemHtml}
-                        <span class="points" value="${sum}" style="position:relative; top:4px; font-size:12px">${sum}</span>
-                        </a>
-                        `;
-                    }
-                });
-                if (result[0] !== undefined) {
-                    if (wordLength.value) {
-                        lengthSelect.style.display = "none"
-                    } else {
-                        var option = document.createElement("option");
-                        option.text = `${i} Letter`;
-                        option.value = i;
-                        lengthSelect.setAttribute("onchange", `Filtering(${i})`)
-                        lengthSelect.add(option);
-                        lengthSelect.style.display = "block"
-                    }
-
-                    result = result.slice(0, 25)
-
-                    main.innerHTML += `
-                          <div class="allGroupWords wordlistContainer" id="alpha_${i}">
-                            <h3 class="wordListHeading lead">${i} Letter Words</h3>
-                              <div class="wordList">${result.join("")}</div>
-                               <div class="w-100 text-center btn-container">
-                                <button   
+                        main.innerHTML += `
+                    <div class="allGroupWords wordlistContainer" id="alpha_${i}">
+                        <h3 class="wordListHeading lead">${i} Letter Words</h3>
+                           <div class="wordList">${result.join("")}</div>
+                           <div class="w-100 text-center btn-container">
+                            <button   
                                 style="background: black;
                                 padding: 1rem 2rem;
                                 border-radius: 50px;
@@ -456,57 +314,57 @@ function getWords(data) {
                                 font-size: 15px;
                                 border: none;"
                                 onclick="showMoreWords(this)" type="button" class="my-4 showmore_btn" id="${i}">More Words</button>
-                               </div>
-                          </div>`
+                          </div>
+                    </div>`
+                        showMoreLimit()
 
-                    showMoreLimit()
+                    }
                 }
-            }
-        }
-        if (newWordsLength === 0) {
-            errorMsg.innerHTML = "No Words Found";
-            document.querySelector(".sortingFilters").style.display = "none"
+                if (newWordsLength === 0) {
+                    errorMsg.innerHTML = "No Words Found";
+                    document.querySelector(".sortingFilters").style.display = "none"
+                } else {
+                    if (serachValue) {
+                        wordCount.innerHTML = `<strong>Found ${newWordsLength} words with letters with ${serachValue.split("")}</strong>`;
+                    } else {
+                        let startwithMsg = ""
+                        let endwithMsg = ""
+                        let containsMsg = ""
+                        let lengthMsg = ""
+                        let inputVal = ""
+                        if (serachValue) {
+                            inputVal = `${input.value.split("")} `
+                        }
+                        if (prefixValue) {
+                            startwithMsg = `starting with  ${prefixValue.split("")}`
+                        }
+                        if (suffixValue) {
+                            endwithMsg = `ending with ${suffixValue.split("")} `
+                        }
+                        if (containsValue) {
+                            containsMsg = `containing with  ${containsValue.split("")} `
+                        }
+                        if (lengthValue) {
+                            lengthMsg = `with ${lengthValue} letter words`
+                        }
+                        let msg = `<strong> Found ${newWordsLength} words with letters
+                              ${lengthMsg} ${inputVal} ${startwithMsg} ${endwithMsg} ${containsMsg} </strong>`
 
-        } else {
-            if (serachValue) {
-                wordCount.innerHTML = `<strong>Found ${newWordsLength} words with letters with ${serachValue.split("")}</strong>`;
-            } else {
-
-                let startwithMsg = ""
-                let endwithMsg = ""
-                let containsMsg = ""
-                let lengthMsg = ""
-                let inputVal = ""
-                if (serachValue) {
-                    inputVal = `${input.value.split("")} `
-                }
-                if (prefixValue) {
-                    startwithMsg = `starting with  ${prefixValue.split("")}`
-                }
-                if (suffixValue) {
-                    endwithMsg = `ending with ${suffixValue.split("")} `
-                }
-                if (containsValue) {
-                    containsMsg = `containing with  ${containsValue.split("")} `
-                }
-                if (lengthValue) {
-                    lengthMsg = `with ${lengthValue} letter words`
+                        wordCount.innerHTML = `${msg} `
+                    }
                 }
-                let msg = `<strong> Found ${newWordsLength} words with letters
-                          ${lengthMsg} ${inputVal} ${startwithMsg} ${endwithMsg} ${containsMsg} </strong>`
 
-                wordCount.innerHTML = `${msg} `
+
             }
         }
     }
 }
+
 async function getMoreWords() {
     let flattenedArray = moreData.flat();
-    let uniqueArray = [...new Set(flattenedArray)];
-    // console.log(uniqueArray);
+    let uniqueArray = [...new Set(flattenedArray)];;
     return uniqueArray
 }
-
 async function showMoreWords(e) {
     try {
         let showmore = e.parentElement.children[0];
@@ -514,15 +372,12 @@ async function showMoreWords(e) {
 
         if (previousID !== null && parseInt(previousID) !== parseInt(id)) {
             data_index = 25
-            console.log(storepreviousIndex);
             const filteredIndexes = storepreviousIndex.filter(item => item.id === id);
             if (filteredIndexes.length > 0) {
                 const lastItem = filteredIndexes[filteredIndexes.length - 1];
                 data_index = lastItem.data_index + 25;
                 lastItem.data_index = data_index;
             }
-            console.log(filteredIndexes);
-
         }
         previousID = id;
         storepreviousIndex.push({
@@ -598,60 +453,9 @@ async function showMoreWords(e) {
     }
 }
 
-function showMoreLimit() {
-    let tableFooter = document.querySelectorAll(".btn-container")
-    let showmore = document.querySelectorAll(".showmore_btn");
-    for (let i = 0; i < showmore.length; i++) {
-        let data_of_button = document.getElementById("alpha_" + showmore[i].getAttribute("id"));
-        let final_data = data_of_button.getElementsByClassName("anchor__style");
-        if (final_data.length < 25) {
-            tableFooter[i].style.display = "none";
-        }
-    }
-}
-function sortWords(data) {
-    if (sortingFilter.selectedIndex == 0) {
-        return data;
-    } else if (sortingFilter.selectedIndex == 1) {
-        return data.sort();
-    } else if (sortingFilter.selectedIndex == 2) {
-        return data.reverse();
-    } else if (sortingFilter.selectedIndex == 3) {
-        var tempArr = [];
-        var newArray = [];
-        data.map((item) => {
-            let newWordsLength = 0;
-            if (item.length === 1) {
-                ok = false;
-                newWordsLength = newWordsLength - 1;
-            } else {
-                let ScrabbleLetterScore = ScrabbleScore();
-                let points = 0;
-                item = item.toLowerCase();
-                for (let i = 0; i < item.length; i++) {
-                    points += ScrabbleLetterScore[item[i]] || 0; // for unknown characters
-                }
-                const value = {
-                    words: item,
-                    points: points,
-                };
-                newArray.push(value);
-            }
-        });
-
-        newArray.sort(function (a, b) {
-            return b.points - a.points;
-        });
-
-        newArray.map((ele) => {
-            tempArr.push(ele.words);
-        });
 
-        return tempArr;
-    }
-}
 // Scrabble Point Array
-const ScrabbleScore = () => {
+const ScrabbleScore = (dictonary) => {
     let twl06_sowpods = {
         a: 1,
         e: 1,
@@ -680,7 +484,6 @@ const ScrabbleScore = () => {
         q: 10,
         z: 10,
     };
-
     let wwfScore = {
         a: 1,
         b: 4,
@@ -717,6 +520,19 @@ const ScrabbleScore = () => {
     }
 };
 
+function showMoreLimit() {
+    let tableFooter = document.querySelectorAll(".btn-container")
+    let showmore = document.querySelectorAll(".showmore_btn");
+    for (let i = 0; i < showmore.length; i++) {
+        let data_of_button = document.getElementById("alpha_" + showmore[i].getAttribute("id"));
+        let final_data = data_of_button.getElementsByClassName("anchor__style");
+        if (final_data.length < 25) {
+            tableFooter[i].style.display = "none";
+        }
+    }
+}
+
+
 // handling of filter on scroll
 window.onscroll = function () {
     var section = document.querySelectorAll(".wordlistContainer");
@@ -744,8 +560,6 @@ window.onscroll = function () {
         }
     }
 };
-
-// Add Filtering
 let sections = {};
 function Filtering(id) {
     id = lengthSelect.value
@@ -775,43 +589,6 @@ function Filtering(id) {
         document.documentElement.scrollTop = sections[sort_val + "_" + id] + 5;
     }, 150);
 }
-
-// next && previous functionality
-let prev = document.getElementById("prev");
-let next = document.getElementById("next");
-
-if (prev) {
-    prev.onclick = scroll_Right;
-}
-if (next) {
-    next.onclick = scroll_Left;
-}
-window.addEventListener("resize", function () {
-    scroll_visible();
-});
-window.addEventListener("scroll", function () {
-    scroll_visible();
-});
-function scroll_visible() {
-    let tab_container = document.querySelector("#tab-container");
-    if (tab_container) {
-        if (tab_container.clientWidth === tab_container.scrollWidth) {
-            prev.style.display = "none";
-            next.style.display = "none";
-        } else {
-            prev.style.display = "block";
-            next.style.display = "block";
-        }
-    }
-}
-scroll_visible();
-
-function scroll_Left() {
-    tab_container.scrollLeft += 130;
-}
-function scroll_Right() {
-    tab_container.scrollLeft -= 130;
-}
 function findIndex(str, char) {
     const strLength = str.length;
     const indexes = [];