oppgave 2

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>Matbestilling</title>
		<script>
		window.onload = oppstart; //Kjører funksjon oppstart ved lasting av side

		var antMiddager = 0; //Setter standardverdiene for noen av variablene brukt i koda
		var pris = 0;

		function oppstart() {
			document.getElementById("btn2Midg").onclick = toMiddager; //To forskjellige knapper starter to forskjellige funksjoner
			document.getElementById("btn3Midg").onclick = treMiddager;
		}

		function toMiddager() { //to middager
			document.getElementById("mdgBilde").src = "toMidg.png"; //Endrer bildet
			antMiddager = 2; //Angir hvor mange middager som bestilles
			document.getElementById("btnBestill").onclick = bestilling; //Kjører funksjonen bestilling ved trykk på knapp
		}

		function treMiddager() { //tre middager
			document.getElementById("mdgBilde").src = "treMidg.png";
			antMiddager = 3;
			document.getElementById("btnBestill").onclick = bestilling;
		}

		function bestilling() {
			var antPersoner = document.getElementById("antPersoner").value; //Henter inn verdiene for personer, navn og adresse
			var navn = document.getElementById("txtNavn").value;
			var adresse = document.getElementById("txtAdresse").value;

			if (antPersoner < 5) { //Fastsetter prisen ettersom hvor mange det bestilles middag til
				pris = 80;
			}
			else if (antPersoner <= 15) {
				pris = 70;
			}
			else {
				document.write("Du kan ikke bestille middag til så mange personer for øyeblikket") //Kan kun bestilles til under 16 personer
			}

			pris = (pris * antMiddager) * antPersoner; //Regner ut totalsum

			document.getElementById("kvittering").innerHTML = "Antall middager: " + antMiddager + "<br /> Antall personer: " + antPersoner + "<br /> Pris: " + pris + ",- <br /> Navn: " + navn + "<br /> Adresse: " + adresse + "<br />" //Skriver ut kvitteringa
			document.getElementById("totalpris").innerHTML = "Totalsum: " + pris + ",-" //Skriver ut totalsummen i h1-taggen
		}
		</script>
	</head>
	<body>
		<p>
			Antall middager: <button id="btn2Midg">2 Middager</button><button id="btn3Midg">3 Middager</button><br />
			<img id="mdgBilde"></img><br />
			Antall personer: <input type="number" id="antPersoner" min="0" max="15"></input><br /></p>
		<h2 id="totalpris"></h2>
		<p>
			Navn: <input type="text" id="txtNavn"></input><br />
			Adresse: <input type="text" id="txtAdresse"></input><br />
		</p>
		<button id="btnBestill" type="button">Bestill</button></p>
		<p id="kvittering"></p>
	</body>
</html>