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);