game.js in word-games-theme-1.3.0

- old
+ new

@@ -29,10 +29,21 @@
 let wordleTime = document.querySelector(".wordle-time")
 let gameResultTime = document.querySelector("#game-result-time")
 let wordleRunningTimer = document.querySelector("#wordle-running-timer")
 // wordleRunningTimer.innerHTML = "00:00"
 
+
+
+let tile = document.querySelector('.tile')
+tile.focus()
+function limitKeypress(event, value, maxLength) {
+    if (value != undefined && value.toString().length >= maxLength) {
+        event.preventDefault();
+    }
+}
+
+
 let second = 0
 let minutes = 0
 let clear
 let bool = false
 function startTime() {
@@ -42,11 +53,11 @@
         second = 0
     }
     min = checkTime(minutes)
     sec = checkTime(second)
 
-    console.log(min + ":" + sec)
+    // console.log(min + ":" + sec)
 
     wordleRunningTimer.innerText = min + ":" + sec
     gameResultTime.innerHTML = "Your game ended :" + " " + min + ":" + sec
 
     clear = setTimeout(function () {
@@ -127,23 +138,26 @@
     if (activeTiles.length >= wordLength) return
     const nextTile = gameBoard.querySelector(":not([data-letter])")
     nextTile.dataset.letter = key.toLowerCase()
     nextTile.dataset.state = "active"
     nextTile.classList.add("popAni")
-    nextTile.innerText = key
+    nextTile.value = key
+    nextTile.focus()
     nextTile.style.border = "2px solid #a7adc0"
 }
 const deleteKey = () => {
     const activeTiles = getActiveTiles()
     const lastTile = activeTiles[activeTiles.length - 1]
     if (lastTile == null) return
-    lastTile.textContent = ""
+    lastTile.value = ""
+    lastTile.focus()
     delete lastTile.dataset.state
     delete lastTile.dataset.letter
     lastTile.style.border = "2px solid #dee1e9"
     lastTile.classList.remove("popAni")
 }
+
 const handleSubmit = () => {
     const allTiles = [...getActiveTiles()]
     if (allTiles.length !== wordLength) {
         showAlertMessage("Not enough letters")
         shakeTiles(allTiles)
@@ -177,9 +191,10 @@
     evaluateTiles(allTiles, matchedLettersCount, guessWord)
 }
 const evaluateTiles = (allTiles, matchedLettersCount, guessWord) => {
     let reEvaluate = []
     allTiles.map((tile, index) => {
+        tile.setAttribute("disabled", true)
         if (targetWord !== guessWord) {
             setTimeout(() => {
                 tile.classList.add("flip")
             }, (index * ANIMATION_DURATION) / 2)
 