diff --git a/assets/css/yurdle.css b/assets/css/yurdle.css index da8efe3..a53e68e 100644 --- a/assets/css/yurdle.css +++ b/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; } diff --git a/index.php b/index.php index c32c505..e449641 100644 --- a/index.php +++ b/index.php @@ -42,6 +42,7 @@

Veri Sorumlusu: Ömer Arda Muratoğlu
Her türlü kaldırılmasını, eklenmesini ve/veya değiştirilmesi istediğiniz veriler için kendisi ile iletişime geçiniz !
+
Fikir için Cem Deniz Akdeniz'e Teşekkürler !

Son veri güncelleme:
@@ -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