From b920162f3eaeb30068ab126c8c5c23736f809999 Mon Sep 17 00:00:00 2001
From: Geir Okkenhaug Jerstad <geir@geokkjer.eu>
Date: Mon, 12 Aug 2024 14:43:57 +0200
Subject: [PATCH] some code for teamwork

---
 team/variabler/index.html | 55 +++++++++++++++++++++++++++++++++++++--
 1 file changed, 53 insertions(+), 2 deletions(-)
diff --git a/team/variabler/index.html b/team/variabler/index.html
index 08dbb2d..114c025 100644
--- a/team/variabler/index.html
+++ b/team/variabler/index.html
@@ -6,7 +6,58 @@
     <title>Hei på deg!</title>
 </head>
 <body>
-    Hei 
-    
+    <div>
+     <button onclick="addHealth()">add health potion</button>
+     <button onclick="delHealth()">delete health potion</button>
+     <button onclick="addMana()">add mana potion</button>
+     <button onclick="delMana()">delete mana potion</button>
+     </div>
+     <div>
+        <div onclick="showHideInventory()">
+            Inventory
+        </div>
+        <div id="inventory">
+        
+        </div>
+     </div>
+     <script>
+        var healthTotal = 0;
+        var manaTotal = 0;
+        var inventoryOpen = Boolean(false);
+        function addHealth() {
+            ++healthTotal 
+            document.getElementById("healthTotal").innerHTML = healthTotal;
+        }
+        function delHealth() {
+            --healthTotal 
+            document.getElementById("healthTotal").innerHTML = healthTotal;
+        }
+        function addMana() {
+            ++manaTotal
+            document.getElementById("manaTotal").innerHTML = manaTotal;
+        }
+        function delMana() {
+            --manaTotal
+            document.getElementById("manaTotal").innerHTML = manaTotal;
+        }
+        function showHideInventory() {
+            if (inventoryOpen != true) {
+                document.getElementById('inventory').innerHTML = /*HTML*/ `
+                <div>Health<div id="healthTotal"></div>
+                Mana<div id="manaTotal"></div>
+                </div>`;
+                document.getElementById("manaTotal").innerHTML = manaTotal;
+                document.getElementById("healthTotal").innerHTML = healthTotal;
+                inventoryOpen = true;
+            } else {
+                blankAll()
+                inventoryOpen = false;
+            }
+        }
+        function blankAll() {
+            document.getElementById('inventory').innerHTML = '';
+        }
+
+     </script>
 </body>
 </html>
\ No newline at end of file
