geir/startit
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

grid og flex css

Browse source
This commit is contained in:
Geir Okkenhaug Jerstad 2024-08-14 09:44:23 +02:00
parent c7a62b1f8b
commit 79b0cd3da4
6 changed files with 14 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

63
team/variabler/index.html
View file

@ -1,63 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Hei på deg!</title>
</head>
<body>
<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>