Update main.js

Author: mdzaberalhamid

project-9-dice-roll-simulator/main.js

@@ -1,7 +1,13 @@
-
+// ----------
 
 const buttonEl = document.getElementById("roll-button");
 
+const diceEl = document.getElementById("dice");
+
 buttonEl.addEventListener("click", ()=> {
-    console.log("Clicked!");
-})
+    // console.log("Clicked!");
+    diceEl.classList.add("roll-animation");
+    setTimeout( () => {
+        diceEl.classList.remove("roll-animation");
+    }, 1000);
+})