assets/js/wordfinder-home.js in word-games-theme-2.9.0 vs assets/js/wordfinder-home.js in word-games-theme-2.9.1

- old
+ new

@@ -1,13 +1,7 @@ let txtBox = document.querySelector('.txtBox') txtBox.focus() - - - -txtBox.addEventListener("input",()=>{ - txtBox.classList.add('blinkBoxShadow'); -}) let letterCloseButton = document.querySelector('.letter-close-button') let startsWith = document.getElementById("startsWith"); let mustInclude = document.getElementById("mustInclude"); let endsWith = document.getElementById("endsWith"); let exculdeWith = document.getElementById("exculdeWith"); @@ -15,10 +9,29 @@ let wordLength = document.getElementById("wordLength"); const serachSection = document.querySelector(".serachSection"); let rangeOfBlankTile = serachSection.dataset.range; + + +const textBoxes = document.querySelectorAll('.textBoxes'); +textBoxes.forEach(txtBox => { + txtBox.addEventListener("input", () => { + if (txtBox.value !== '') { + txtBox.classList.add('blinkBoxShadow'); + } else { + txtBox.classList.remove('blinkBoxShadow'); + } + }); + + txtBox.addEventListener('blur', () => { + txtBox.classList.remove('blinkBoxShadow'); + }); +}); + + + // // when typing on input txtBox.addEventListener('input', (e) => { if (e.target.value === "") { letterCloseButton.style.display = "none" } @@ -61,11 +74,11 @@ } else { item.nextElementSibling.removeAttribute("data-tip") imgElement.src = "/assets/images/close-btn.svg" tooltipElement.style.setProperty('--tooltip-padding', '0'); tooltipElement.style.setProperty('--tooltip-border-style', 'none'); - } + } }) item.nextElementSibling.addEventListener("click", () => { const parentElement = item.parentElement; const imgElement = parentElement.querySelector('img'); @@ -222,10 +235,10 @@ console.error("Error loading CSS:", error); }); } } } else { - console.log("Please Enter Valid Letters."); + console.log("Please Enter Valid Letters."); } }); // Now you can use the loadScript function with additional data function checkQueryParam() { const urlParams = new URLSearchParams(window.location.search);