Untitled

<!DOCTYPE html>
<html>
<head>

<script type="text/javascript">

function evthis2() {

    // spørsmål 1
    if (document.getElementById('o1_2').checked) {
        document.getElementById("qst1").innerHTML = "Korrekt!";
    } else {
        document.getElementById("qst1").innerHTML = "Feil...";
    }


    // spørsmål 2
    if (document.getElementById("o2_3").checked) {
        document.getElementById("qst2").innerHTML = "Korrekt!";
    } else {
        document.getElementById("qst2").innerHTML = "Feil...";
    }
}

function qst1() {
    var ans = parseInt(document.getElementById("qst1").value);
    if (ans == 3) {
        document.getElementById("res1").innerHTML = "Korrekt!";
    } else {
        document.getElementById("res1").innerHTML = "Feil!";
    }
}

function qst2() {
    var ans = parseInt(document.getElementById("qst2").value);
    if (ans == 4) {
        document.getElementById("res2").innerHTML = "Korrekt!";
    } else {
        document.getElementById("res2").innerHTML = "Feil!";
    }
}

function qst3() {
    var ans = parseInt(document.getElementById("qst3").value);
    if (ans == 5) {
        document.getElementById("res3").innerHTML = "Korrekt!";
    } else {
        document.getElementById("res3").innerHTML = "Feil!";
    }
}


</script>

<style>

* {
    font-size: 28px;
    font-family: Arial;
    padding: 10px;
    line-height: 35px;
}

body {
    text-align: center;

}

div {
    margin-top: 10px;
}

</style>

</head>

<body>


<form>


</form>

<div>
<label for="qst1">1 + 2 = </label> <input type="text" id="qst1" style="width: 100px;" /> <input type="button" value="Valider" onclick="qst1()" /> <span id="res1"></span> <br />
</div>

<div>
<label for="qst2">2 + 2 = </label> <input type="text" id="qst2" style="width: 100px;" /> <input type="button" value="Valider" onclick="qst2()" /> <span id="res2"></span> <br />
</div>

<div>
<label for="qst3">3 + 2 = </label> <input type="text" id="qst3" style="width: 100px;" /> <input type="button" value="Valider" onclick="qst3()" /> <span id="res3"></span> <br />
</div>

<form>
<div>
Her er spørsmålet?<br />
<input type="radio" name="opt1" value="1" id="o1_1" /> svar1 <br />
<input type="radio" name="opt1" value="2" id="o1_2" /> svar2 <br />
<input type="radio" name="opt1" value="3" id="o1_3" /> svar3 <br />
<div id="qst1"></div>


<br />Her er spørsmålet?<br />
<input type="radio" name="opt2" value="1" id="o2_1" /> svar1 <br />
<input type="radio" name="opt2" value="2" id="o2_2"/> svar2 <br />
<input type="radio" name="opt2" value="3" id="o2_3"/> svar3 <br />
<div id="qst2"></div>

<br />
<input type="button" value="Valider" onclick="evthis2()" />


<div id="result"></div>
</div>
</form>
</body>
</html>