Untitled

<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta charset="utf-8" />
    <title></title>
</head>

<body id="stil" style="color:black">
    <div oncontextmenu="onContext()">
        <h1 id="farge">Høyreklikk hvorsomhelst for å endre farge</h1>
        <h2 id="heading2" ondblclick="doSomethingElse()">dobbelklikk for å logge til konsollen</h2>
        <br />
        <h2 id="musikk" onmousedown="spillav()">klikk for herlig musikk</h2>
        <h2 id="pause" onmousedown="stopp()">klikk her for å skru av</h2>
        <p onsubmit="onContext()">Skriv i boksen under</p>
        <input id="tekstfelt" type="text" onkeydown="detSkrives()" onchange="popUp()">
        <p id="skrives"></p>
        <h2 id="a1" onmouseover="doSomething1()" z-index="-1">Denne endres ved mouseover</h2>
        <p onclick="diger(this)">Denne blir stor hvis du trykker på den</p>
        <p onclick="diger(this)">Og det blir jammen denne også, med bruk av samme funksjon og "this"</p>
        <br />
        <table>
            <caption>O og X</caption>
            <tr>
                <td onmouseover="kryssOgBolle(this)">o</td>
                <td onmouseover="kryssOgBolle(this)">o</td>
                <td onmouseover="kryssOgBolle(this)">o</td>
                <td onmouseover="kryssOgBolle(this)">o</td>
                <td onmouseover="kryssOgBolle(this)">o</td>
            </tr>
            <tr>
                <td onmouseover="kryssOgBolle(this)">o</td>
                <td onmouseover="kryssOgBolle(this)">o</td>
                <td onmouseover="kryssOgBolle(this)">o</td>
                <td onmouseover="kryssOgBolle(this)">o</td>
                <td onmouseover="kryssOgBolle(this)">o</td>
            </tr>
            <tr>
                <td onmouseover="kryssOgBolle(this)">o</td>
                <td onmouseover="kryssOgBolle(this)">o</td>
                <td onmouseover="kryssOgBolle(this)">o</td>
                <td onmouseover="kryssOgBolle(this)">o</td>
                <td onmouseover="kryssOgBolle(this)">o</td>
            </tr>
            <tr>
                <td onmouseover="kryssOgBolle(this)">o</td>
                <td onmouseover="kryssOgBolle(this)">o</td>
                <td onmouseover="kryssOgBolle(this)">o</td>
                <td onmouseover="kryssOgBolle(this)">o</td>
                <td onmouseover="kryssOgBolle(this)">o</td>
            </tr>
            <tr>
                <td onmouseover="kryssOgBolle(this)">o</td>
                <td onmouseover="kryssOgBolle(this)">o</td>
                <td onmouseover="kryssOgBolle(this)">o</td>
                <td onmouseover="kryssOgBolle(this)">o</td>
                <td onmouseover="kryssOgBolle(this)">o</td>
            </tr>
        </table>
    </div>

    <script>
        var audio = new Audio('https://s3.amazonaws.com/moovweb-marketing/playground/harlem-shake.mp3');
        /*var firstclick = false;
        function setClick () {
           !firstclick;
        }*/

        function doSomething1() {
            document.getElementById('a1').innerHTML = 'Til en helt annen tekst';
        }

        function doSomethingElse() {
            console.log(document.getElementById('heading2').innerHTML)
        }
        function popUp() {
            alert('Du skrev: ' + tekst);
        }
        function onContext() {
            document.getElementById('stil').style = 'color:blue';
            document.getElementById('farge').innerHTML += ' til blå';
        }
        function detSkrives() {
            tekst = document.getElementById('tekstfelt').value;
            document.getElementById('skrives').innerHTML = 'Det skrives......';
        }
        function spillav() {
            audio.volume = 0.10; // i prosent
            audio.play();
        }
        function stopp() {
            audio.pause();
        }
        function diger(etNavnJegHarValgtHeltSelvUtenHjelp) {
            etNavnJegHarValgtHeltSelvUtenHjelp.style = ' font-size:300%';

        }
        function kryssOgBolle(oTilX) {
            document.getElementById(oTilX).innerHTML = 'x';
        }
/* function spillav() {
            if (firstclick = true) {
                var audio = new Audio('https://s3.amazonaws.com/moovweb-marketing/playground/harlem-shake.mp3');
                audio.volume = 0.10; // i prosent
                audio.play();
                !firstclick;
                console.log(firstclick);
            }
            else {
                audio.pause();
                !firstclick;
                console.log(firstclick);
            }
*/
/*var altenative=tag.id; function doSomething(tag) { document.getElementById(alternative).innerHTML = 'Feil'; }*/
    </script>
</body>

</html>