Untitled

<!DOCTYPE html>
<html lang="no">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Oppgave 1</title>
</head>
<body>
    <h1>Filmanmeldelser</h1>
    <form id="skjemaAnmeldelser">
        <input id="inpTittel" type="text" required placeholder="tittel" autocomplete="off">
        <select id="selTerningkast" required>
            <option value="">Velg antall øyne på terningen</option>
            <option value="1">Terningkast 1</option>
            <option value="2">Terningkast 2</option>
            <option value="3">Terningkast 3</option>
            <option value="4">Terningkast 4</option>
            <option value="5">Terningkast 5</option>
            <option value="6">Terningkast 6</option>
        </select>
        <button type="submit">GO!</button>
    </form>

    <table>
        <thead>
           <tr>
               <th>Tittel</th>
               <th>Terningkast</th>
           </tr>
        </thead>
        <tbody id="tbFilmer">
            <!-- Fyller denne med data fra kolleksjonen -->
        </tbody>
    </table>

    <script>

        var skjemaAnmeldelser = document.getElementById("skjemaAnmeldelser");
        var inpTittel = document.getElementById("inpTittel");
        var selTerningkast = document.getElementById("selTerningkast");
        var tbFilmer = document.getElementById("tbFilmer");

        var filmer = []; // Et tomt array hvor vi skal lagre filmer

        function visFilmer() {
            tbFilmer.innerHTML = ""; // Nuller ut tabellen

            for (var film of filmer) {
                tbFilmer.innerHTML += `
                    <tr>
                        <td>${film.tittel}</td>
                        <td>${film.terningkast}</td>
                    </tr>`;
            }
        }

        function lagreFilm(evt) {
            evt.preventDefault();
            var nyFilm = {
                tittel: inpTittel.value,
                terningkast: selTerningkast.value
            };
            filmer.push(nyFilm); // Lagrer filmen i arrayet
            visFilmer(); // Starter funksjon som viser alle filmer
        }

        skjemaAnmeldelser.addEventListener("submit", lagreFilm);


    </script>
</body>
</html>