add new effect

assets/css/yurdle.css

@@ -8,6 +8,17 @@
   border: 1px solid white;
 }
 
+.latest-guess {
+  visibility: hidden;
+  opacity: 0;
+}
+
+.latest-guess.fade {
+  visibility: inherit;
+  opacity: 1;
+  transition: opacity 1s;
+}
+
 .innot {
   text-align: center;
 }

index.php

@@ -42,6 +42,7 @@
         <div id="tsparticles"></div>
         <hr style="width: 100%; box-sizing: border-box;">
         <div id="sorumli" style="margin-top:auto;text-align:center;">Veri Sorumlusu: <b>Ömer Arda Muratoğlu</b><br>Her türlü kaldırılmasını, eklenmesini ve/veya değiştirilmesi istediğiniz veriler için kendisi ile iletişime geçiniz !</div>
+        <div style="margin-top:5px;text-align:center;">Fikir için <b>Cem Deniz Akdeniz</b>'e Teşekkürler !</div>
         <hr style="width: 100%; box-sizing: border-box;">
         <div style="text-align:center;">Son veri güncelleme: <span id="latest-data"></span>
         </div>
@@ -220,7 +221,11 @@
         if (innerFlag) crit_num++;
         const td = document.createElement("td");
         const td_text = document.createTextNode(indata[key][1]);
+
         if (key != "isim_soyisim") {
+          if (i == gj["Guesses"].length - 1) {
+            td.classList.add("latest-guess");
+          }
           switch (indata[key][0]) {
             case 0:
               td.classList.add("type0");
@@ -248,10 +253,23 @@
     }
   }
 
-  // console.log(gj);
-  if (crit_num == (true_num + 1)) // +1 isim_soyisim sayılmadığı için
-  {
-    // console.warn(crit_num, true_num);
+  var lat = document.getElementsByClassName("latest-guess");
+  var le = lat.length;
+
+  function delay(time) {
+    return new Promise(resolve => setTimeout(resolve, time));
+  }
+  async function delayeffect() {
+    for (let i = 0; i < lat.length; i++) {
+      const element = lat[i];
+      element.classList.toggle('fade');
+      await delay(750);
+    }
+  }
+  delayeffect();
+
+  async function yepwin() {
+    await delay(5000);
     document.getElementById("tebriks").style.display = "block";
     document.getElementById("tebriks").innerHTML = "Tebrikler, günün şanslı kişisini buldun!"
     localStorage.setItem("win", "winned");
@@ -259,6 +277,11 @@
       callConfetti();
     }
   }
+  // console.log(gj);
+  if (crit_num == (true_num + 1)) // +1 isim_soyisim sayılmadığı için
+  {
+    yepwin();
+  }
 
 
   // NOTICES