Merge pull request #36 from Supravisor/deploy

add button functionality

Author: Supravisor

index.html

@@ -23,8 +23,8 @@ <h2>Diff checker</h2>
     </div>
 
     <div id="buttons">
-      <button id="button-original">Hide Original</button>
-      <button id="button-compare">Hide Compare</button>
+      <button id="button-original" onclick="originalFunc()">Hide Original</button>
+      <button id="button-compare" onclick="compareFunc()">Hide Compare</button>
     </div>
 
     <script src="script.js"></script>

script.js

@@ -1,3 +1,34 @@
 
-const compare = document.getElementById("#div-compare");
-const original = document.getElementById("#div-original");
+const compare = document.getElementById("div-compare");
+const original = document.getElementById("div-original");
+
+const originalHide = document.getElementById("button-original");
+const compareHide = document.getElementById("button-compare");
+
+function originalFunc() {
+
+  if (originalHide.innerText === "Hide Original") {
+    original.style.display = "none";
+    originalHide.innerText = "Show Original";
+       }
+
+  else {
+    original.style.display = "unset";
+    originalHide.innerText = "Hide Original";
+       }
+
+}
+
+function compareFunc() {
+
+  if (compareHide.innerText === "Hide Compare") {
+    compare.style.display = "none";
+    compareHide.innerText = "Show Compare";
+       }
+
+  else {
+    compare.style.display = "unset";
+    compareHide.innerText = "Hide Compare";
+       }
+
+}