Enkel Quiz

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Quiz</title>
    <style>
        .riktigFarge{
            color: #4df260;
        }
    </style>
</head>
<body>

<form id="frm">
    <h3>Hva er 1+1?</h3>
    <input type="radio" name="spm1" id="riktigEn"> <span class="riktig">2</span><br>
    <input type="radio" name="spm1"> <span class="feil">3</span><br>
    <input type="radio" name="spm1"> <span class="feil">4</span><br>
    <h3>Hva er 2+2?</h3>
    <input type="radio" name="spm2"> <span class="feil">3</span><br>
    <input type="radio" name="spm2"> <span class="feil">5</span><br>
    <input type="radio" name="spm2" id="riktigTo"> <span class="riktig">4</span><br>
    <h3>Hva er 4+4?</h3>
    <input type="radio" name="spm3" id="riktigTre"> <span class="riktig">8</span><br>
    <input type="radio" name="spm3"> <span class="feil">6</span><br>
    <input type="radio" name="spm3"> <span class="feil">9</span><br>
    <button id="btnSubmit" type="submit">Svar</button>
</form>

<span id="svar"></span>
<button id="igjen">Prøv igjen!</button>

<script>
    let frm = document.getElementById("frm");
    let riktigEn = document.getElementById("riktigEn");
    let riktigTo = document.getElementById("riktigTo");
    let riktigTre = document.getElementById("riktigTre");
    let btnSubmit = document.getElementById("btnSubmit");
    let svar = document.getElementById("svar");
    let feil = document.getElementsByClassName("feil");
    let riktig = document.getElementsByClassName("riktig");
    let igjen = document.getElementById("igjen");

    frm.onsubmit = function (evt) {
        evt.preventDefault();
        if((riktigEn.checked && !riktigTo.checked && !riktigTre.checked) ||
            (!riktigEn.checked && riktigTo.checked && !riktigTre.checked) ||
            (!riktigEn.checked && !riktigTo.checked && riktigTre.checked)){
            svar.innerHTML = "Du hadde en riktig!";
            for(let i = 0; i<riktig.length; i++){
                riktig[i].style.color = "#4df260";
            }
        }else if((riktigEn.checked && riktigTo.checked && !riktigTre.checked) ||
            (!riktigEn.checked && riktigTo.checked && riktigTre.checked) ||
            (riktigEn.checked && !riktigTo.checked && riktigTre.checked)){
            svar.innerHTML = "Du hadde to riktig!";
            for(let i = 0; i<riktig.length; i++){
                riktig[i].style.color = "#4df260";
            }
        }else if(riktigEn.checked && riktigTo.checked && riktigTre.checked) {
            svar.innerHTML = "Du hadde alle riktig!";
            for (let i = 0; i < riktig.length; i++) {
                riktig[i].style.color = "#4df260";
            }
        }
    };

    igjen.onclick = function () {
        frm.reset();
        svar.innerHTML = "";
        for(let i = 0; i<riktig.length; i++){
            riktig[i].style.color = "#000000";
        }
    }
</script>
</body>
</html>