diff --git a/gameboard.css b/gameboard.css index 5e82862..d51fe73 100644 --- a/gameboard.css +++ b/gameboard.css @@ -13,14 +13,10 @@ body { align-items: center; padding: 6px 10px; width: 100%; - - - background: rgba(255, 255, 255, 0.25); - backdrop-filter: blur(14px); - + background: rgb(255, 255, 255); + backdrop-filter: blur white(14px); border-top: 2px solid rgba(255, 255, 255, 0.4); border-bottom: 2px solid rgba(255, 255, 255, 0.4); - box-sizing: border-box; } diff --git a/gameboard.html b/gameboard.html index c758bcf..d31dc34 100644 --- a/gameboard.html +++ b/gameboard.html @@ -5,25 +5,26 @@ Memory Card +
- +
- ⏱ 60s + ⏱ 60s
-
+
⭐ 0
-
+
🎯 0
- +
diff --git a/gameboard.js b/gameboard.js new file mode 100644 index 0000000..7509e3b --- /dev/null +++ b/gameboard.js @@ -0,0 +1,17 @@ +let time = 60; +let timerElement = document.getElementById("timer"); + +let countdown = setInterval(() => { + +time--; +timerElement.textContent = time; + +if (time <= 0) { + clearInterval(countdown); + timerElement.textContent = "0"; + + alert("Waktu Habis"); +} + +}, 1000); +