Update main.js

Author: mdzaberalhamid

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

@@ -3,12 +3,27 @@ const buttonEl = document.getElementById("roll-button");
 
 const diceEl = document.getElementById("dice");
 
+const rollHistoryEl = document.getElementById("roll-history");
+
+let historyList = [];
+
 function rollDice() {
     const rollResult = Math.floor(Math.random() * 6) + 1;
     // console.log(rollResult);
     const diceFace = getDiceFace(rollResult);
     // console.log(diceFace);
     diceEl.innerHTML = diceFace;
+    historyList.push(rollResult);
+    updateRollHistory();
+}
+
+function updateRollHistory(){
+    rollHistoryEl.innerHTML = "";
+    for (let i = 0; i < historyList.length; i++) {
+        const listItem = document.createElement("li");
+        listItem.innerHTML = `Roll ${i + 1}: <span>${getDiceFace(historyList[i])}</span>`;
+        rollHistoryEl.appendChild(listItem);
+    }
 }
 
 function getDiceFace(rollResult){