add undo/redo functionality

index.html

@@ -3,7 +3,7 @@
 <meta charset="UTF-8">
 <title>Role Playing Game Dices</title>
 <meta name="application-name" content="Role Playing Game Dices">
-<meta name="application-version" content="v0.2.1">
+<meta name="application-version" content="v0.2.2">
 
 <meta name="viewport" content="width=device-width,initial-scale=1">
 
@@ -49,6 +49,9 @@
             <li onclick="toggleDarkMode()"><img id="dark-mode-icon" src="./assets/dark.svg"><span
                     id="dark-mode-text">Dark Mode</span></li>
         </ul>
+        <ul class="menu">
+            <li onclick="clearAndRefresh()"><img id="dark-mode-icon" src="./assets/update.svg"><span>Try to Update</span></li>
+        </ul>
         <script>
             Sidebar();
         </script>
@@ -68,13 +71,16 @@
         </div>
 
         <div class="history-container">
-            <div class="history" id="history"></div>
 
             <div class="actions">
+                <button id="history-undo-button" onclick="undo()"><img src="./assets/undo.svg"></button>
                 <button id="history-button" onclick="clearHistory()"><img src="./assets/history.svg"> Clear
                     History</button>
+                    <button id="history-redo-button" onclick="redo()"><img src="./assets/redo.svg"></button>
             </div>
 
+            <div class="history" id="history"></div>
+
             <div class="form-container">
                 <div class="form">
                     <input type="text" id="inputText" placeholder="1D6+1 + 2W4">