stackow

<!DOCTYPE html>
<html>
    <head>
        <title>Skisenter</title>
        <meta charset="UTF-8" />
        <meta name="author" content="">
        <meta name="keywords" content="HTML,CSS,XML,JavaScript">

        <!--Skalerer websiden slik at den fungerer bra for andre enheter enn PC-->
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <style type="text/css">
        </style>
    </head>

    <body>
        <!--Forteller bruker om hvordan applikasjonen fungerer og hvilken informasjon som blir presentert ved bruk-->
        <p id="userInstruct">Trykk på en av knappene for å få frem informasjon om ønsket skisenter!<br />
        Her får du se: telefonnummer, e-post, temperatur for de siste fire dagene, snittemperatur og et bilde fra stedet.</p>
        <div id="buttonParent">
            <button id="btnStranda" type="button" value="0">Stranda</button>
            <button id="btnFjellseter" type="button" value="1">Fjellseter</button>
            <button id="btnOveroeye" type="button" value="2">Overøye</button>
        </div>
        <h1 id="skiResort"></h1>
        <p id="phoneForSkiResort"></p>
        <p id="emailForSkiResort"></p>
        <p id="tempLastFourDays"></p>
        <p id="averageTemp"></p>
        <img id="imgForSkiResort" src="">
    </body>
    <script>
        window.onload = boot;

        //Kontaktinformasjon: Skisenter, telefon, e-post, bilde.
        var contactInformation = [];
            contactInformation[0] = ["Stranda", "70 26 90 00", "booking@strandafjellet.no", "media/Strandafjellet.png"];
            contactInformation[1] = ["Fjellseter", "70 25 06 00", "post@sunnmorsalpane.no", "media/Fjellseter.png"];
            contactInformation[2] = ["Overøye", "90 71 90 11", "post@arenaoveroye.no", "media/Stordalen.png"];

        //Temperaturer for de fire siste dagene => Dag 1, 2, 3, 4. Indeks samme rekkefølge som contactInformation.
        var temp = [];
            temp[0] = [-4, -6, -3, -4];
            temp[1] = [-3, -4, -5, -2];
            temp[2] = [-2, -3, -2, -7];

        //Regner snittemperatur for x skisenter.
        function average(day1, day2, day3, day4) {
            var averagePerDay = (day1 + day2 + day3 + day4) / 4;
            return averagePerDay;
        }

        //Henter element for renere kode senere.
        var getAvgTemp = document.getElementById("averageTemp");
        var getSkiResort = document.getElementById("skiResort");
        var getImage = document.getElementById("imgForSkiResort");
        var getPhone = document.getElementById("phoneForSkiResort");
        var getEmail = document.getElementById("emailForSkiResort");
        var getLastTemp = document.getElementById("tempLastFourDays");

        //Kjører informasjonsfunksjoner for x skisenter.
        function boot() {
            document.getElementById("btnStranda").onclick = infoStranda;
            document.getElementById("btnOveroeye").onclick = infoOveroeye;
            document.getElementById("btnFjellseter").onclick = infoFjellseter;
        }

        function infoStranda() {
            //Regner snittemperatur for Stranda ved hjelp av snittfunksjonen og temperaturtabellen.
            var avgTempStranda = average(temp[0][0], temp[0][1], temp[0][2], temp[0][3]);

            //Henter informasjon om Stranda skisenter og printer i websiden.
            getImage.src = contactInformation[0][3];
            getEmail.innerHTML = contactInformation[0][2];
            getPhone.innerHTML = contactInformation[0][1];
            getSkiResort.innerHTML = contactInformation[0][0];
            getLastTemp.innerHTML = "Temperatur de siste fire dagene: <br />";
            getAvgTemp.innerHTML = "Snittemperatur siste fire dager: " + avgTempStranda;

            //Looper gjennom de fire første temperaturene i tabellen og printer det.
            for (var i = 0; i < 4; i++) {
                getLastTemp.innerHTML += temp[0][i] + ", ";
            }
        }

        function infoFjellseter() {
            //Regner snittemperatur for Fjellseter ved hjelp av snittfunksjonen og temperaturtabellen.
            var avgTempFjellseter = average(temp[1][0], temp[1][1], temp[1][2], temp[1][3]);

            //Henter informasjon om Stranda skisenter og printer i websiden.
            getSkiResort.innerHTML = contactInformation[1][0];
            getPhone.innerHTML = contactInformation[1][1];
            getEmail.innerHTML = contactInformation[1][2];
            getImage.src = contactInformation[1][3];
            getAvgTemp.innerHTML = "Snittemperatur siste fire dager: " + avgTempFjellseter;
            getLastTemp.innerHTML = "Temperatur de siste fire dagene: <br />";

            //Looper gjennom de fire første temperaturene i tabellen og printer det.
            for (var i = 0; i < 4; i++) {
                getLastTemp.innerHTML += temp[1][i] + ", ";
            }
        }

        function infoOveroeye() {
            //Regner snittemperatur for Overøye ved hjelp av snittfunksjonen og temperaturtabellen.
            var avgTempOveroeye = average(temp[1][0], temp[1][1], temp[1][2], temp[1][3]);

            //Henter informasjon om Overøye skisenter og printer i websiden.
            getSkiResort.innerHTML = contactInformation[2][0];
            getPhone.innerHTML = contactInformation[2][1];
            getEmail.innerHTML = contactInformation[2][2];
            getImage.src = contactInformation[2][3];
            getLastTemp.innerHTML = "Temperatur de siste fire dagene: <br />";
            getAvgTemp.innerHTML = "Snittemperatur siste fire dager: " + avgTempOveroeye;

            //Looper gjennom de fire første temperaturene i tabellen og printer det.
            for (var i = 0; i < 4; i++) {
                getLastTemp.innerHTML += temp[2][i] + ", ";
            }
        }
    </script>
</html>