Fixed issue sahandghavidel#37: Reset button is added

Author: Prachit707

projects/dice-roll-simulator/index.html

@@ -11,10 +11,8 @@
     <h1>Dice Roll Simulator</h1>
     <div class="dice" id="dice">&#9860;</div>
     <button id="roll-button">Roll Dice</button>
-    <ul id="roll-history">
-      <!-- <li>Roll 1: <span>&#9856;</span></li>
-      <li>Roll 2: <span>&#9860;</span></li> -->
-    </ul>
+    <button id="reset-button">Reset</button>
+    <ul id="roll-history"></ul>
     <script src="index.js"></script>
   </body>
 </html>

projects/dice-roll-simulator/index.js

@@ -1,7 +1,6 @@
 const buttonEl = document.getElementById("roll-button");
-
+const resetButtonEl = document.getElementById("reset-button");
 const diceEl = document.getElementById("dice");
-
 const rollHistoryEl = document.getElementById("roll-history");
 
 let historyList = [];
@@ -51,3 +50,9 @@ buttonEl.addEventListener("click", () => {
     rollDice();
   }, 1000);
 });
+
+resetButtonEl.addEventListener("click", () => {
+  historyList = [];
+  rollHistoryEl.innerHTML = "";
+  diceEl.innerHTML = "⚄"; // Reset the dice face to the default
+});