Untitled

<!DOCTYPE html>
<html>
	<head>
		<title>Oppgave 2</title>
		<meta charset="utf-8" />
		<link rel="stylesheet" type="text/css" href="stilark.css" />
		<script>

		window.onload = oppstart;

		var spartBeløp0 = 0;
		var spartBeløp1 = 0;
		var spartBeløp2 = 0;
		var spartBeløp3 = 0;

		var spareMaal0 = 1500;
		var spareMaal1 = 2000;
		var spareMaal2 = 1800;
		var spareMaal3 = 2300;

		var spartSamlet = spartBeløp0 + spartBeløp1 + spartBeløp2 + spartBeløp3;
		var maalSamlet = spareMaal0 + spareMaal1 + spareMaal2 + spareMaal3;

		var deltakere = [];
		deltakere[0] = ["Mari", spartBeløp0, spareMaal0];
		deltakere[1] = ["Even", spartBeløp1, spareMaal1];
		deltakere[2] = ["Thomas", spartBeløp2, spareMaal2];
		deltakere[3] = ["Ingrid", spartBeløp3, spareMaal3];


		function oppstart() {
			document.getElementById("leggTilBeløp").onclick = leggTilBelop;

			for (var i = 0; i < deltakere.length; i++) {
				document.getElementById("deltakere").innerHTML+= deltakere[i][0] + "<br>" + "Spart beløp: " + deltakere[i][1] + "kr" + "<br>" + "Sparemål: " + deltakere[i][2] + "kr <br>" + "<br/>";


			}

			document.getElementById("spartSamlet").innerHTML= "Deltakerne har spart " + spartSamlet + "kr av kr " + maalSamlet + " til sammen";


		}

		function leggTilBelop() {

			var nyttBeløp = document.getElementById("nyttBeløp").value;

			if (velgDeltaker == "Mari") {
				spartBeløp0 = spartBeløp0 + nyttBeløp;


			}


		}


		</script>
		<style>
		</style>
	</head>

	<body>

		<nav class="nav">
				<a class="knapp" href="oppgave1.html">Oppgave 1</a><a class="knapp" id="knappValgt" href="oppgave2.html">Oppgave 2</a><a class="knapp" href="oppgave3.html">Oppgave 3</a><a class="knapp" href="kilder.html">Kilder</a>
			</nav>
			<div id="divDeltakere">
				<h1>Sparing til interrail</h1>
				<h2>Deltakere:</h2>
				<h2 id="deltakere"></h2>
				<h3 id="spartSamlet"></h3>
			</div>

			<div id="divSpar">
				<h1>Legg inn nye sparebeløp her</h1>
				<select id="velgDeltaker">
					<option>Mari</option>
					<option>Even</option>
					<option>Thomas</option>
					<option>Ingrid</option>
				</select>

				<input type="number" id="nyttBeløp" placeholder="Nytt sparebeløp i kroner"> <br/><br/>
				<button id="leggTilBeløp">Legg til beløp</button>
			</div>
	</body>
</html>