Oppgave 1

Lag en helt enkel nettside med to ulike knapper og en paragraf. Registrer en hendelse på hver av knappene. Når du trykker på den første knappen, skal paragrafen vise Hei på deg, og med den andre knappen skal Ha det bra vises.

Resultat

Trykk på en av knappene

Koden

JavaScript

                
window.onload = ready;

function ready() {
    var output = document.getElementById("o1-output");

    document.getElementById("o1-btn-1").addEventListener("click", function() {
        output.innerHTML = "Hei på deg";
    });

    document.getElementById("o1-btn-2").addEventListener("click", function() {
        output.innerHTML = "Ha det bra";
    });
};

HTML

                
<button id="o1-btn-1" class="btn black">Knapp 1</button>
<button id="o1-btn-2" class="btn black">Knapp 2</button>
<p><code id="o1-output">Trykk på en av knappene</code></p>