Aug 22, 2024
diff --git a/projects/dice-roll-simulator/index.html b/projects/dice-roll-simulator/index.html
    <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>
diff --git a/projects/dice-roll-simulator/index.js b/projects/dice-roll-simulator/index.js
 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 = [];
    rollDice();
  }, 1000);
 });

 resetButtonEl.addEventListener("click", () => {
  historyList = [];
  rollHistoryEl.innerHTML = "";
  diceEl.innerHTML = "&#9860;"; // Reset the dice face to the default
 });
Original file line number	Diff line number	Diff line change
Expand Up		@@ -11,10 +11,8 @@
		<h1>Dice Roll Simulator</h1>
		<div class="dice" id="dice">⚄</div>
		<button id="roll-button">Roll Dice</button>
		<ul id="roll-history">
		<!-- <li>Roll 1: <span>⚀</span></li>
		<li>Roll 2: <span>⚄</span></li> -->
		</ul>
		<button id="reset-button">Reset</button>
		<ul id="roll-history"></ul>
		<script src="index.js"></script>
		</body>
		</html>
Original file line number	Diff line number	Diff line change
		@@ -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 = [];
Expand DownExpand Up		@@ -51,3 +50,9 @@ buttonEl.addEventListener("click", () => {
		rollDice();
		}, 1000);
		});

		resetButtonEl.addEventListener("click", () => {
		historyList = [];
		rollHistoryEl.innerHTML = "";
		diceEl.innerHTML = "⚄"; // Reset the dice face to the default
		});