Untitled

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

		window.onload = oppstart;

		//en flerdimensjonal array som inneholder info om hyttene
		var hytter = [];
		hytter[0] = ["Reindalseter", "76 sengeplasser","Betjent/selvbetjent", "media/reindalseter.jpeg"];
		hytter[1] = ["bilde av Kaldhusseter", "Kaldhusseter","34 sengeplasser","Utleie"];

		var hytte = document.getElementById("hytte");
		var sengeplasser = document.getElementById("sengeplasser");
		var betjening = document.getElementById("betjening");
		var bilde = document.getElementById("imgHytte");


		function oppstart() {
			document.getElementById("btnReindalseter").onclick = visInfo;
			document.getElementById("btnKaldhusseter").onclick = visInfo;
		}

		function visInfo(e) {
			var getButtonValue = e.target.value;


			hytte.innerHTML = hytter[getButtonValue][0];
			sengeplasser.innerHTML = hytter[getButtonValue][1];
			betjening.innerHTML = hytter[getButtonValue][2];
			bilde.src = hytter[getButtonValue][3];
		}
		</script>
		<style>
		</style>
	</head>

	<body>
		<header>
			<div id="wrapper">
				<nav id="menyen">
					<div id="meny_lukket">
							<a href="#meny_aapen"><img src="media/aapnemeny.png"></a>
					</div>

					<div id="meny_aapen">
						<a href="#meny_lukket"><img src="media/lukkmeny.png"></a>
						<ul>
							<li><a href="oppgave1.html">Oppgave 1</a></li>
							<li><a href="oppgave2.html">Oppgave 2</a></li>
						</ul>
					</div>
				</nav>
			</div>
		</header>
		<main>
			<div class="artikkel">
			<button id="btnReindalseter" type="button" value="0">Reindalseter</button>
			<button id="btnKaldhusseter" type="button" value="1">Kaldhusseter</button>
			</div>
			<div class="box">
				<div>
					<h1 id="hytte"></h1>
					<p id="sengeplasser"></p>
					<p id="betjening"></p>
				</div>
			</div>
			<img id="imgHytte" src="">
		</main>

	</body>
</html>