Beiträge von Sempervivum

    notenZeilen.forEach((zeile, index) => {
        // forEach liefert nicht nur das aktuelle Element selbst
        // auch seinen Index.
        if(index == 0) {
            // Es handelt sich um die erste Zeile mit der Überschrift.
            // Mach etwas damit oder ignoriere sie.
        } else {
        // Es handelt sich nicht um die Überschrift.
            // Zeile am Semikolon aufsplitten:
            const zeileSplitted=zeile.split(';');
            // Ein Objekt mit Fach und Note an das Ergebnis-Array anhängen:
            notenArray.push({ fach: zeileSplitted[0], note: zeileSplitted[1] });
        }
    });

// CSV-Text zum Testen bereit stellen:
    const noten = `Fach;Note
Englisch;2
Mathe;4`,
        // In Zeilen aufsplitten::
        notenZeilen = noten.split('\n');
    // Leeres Array für das Ergebnis bereit stellen:
    let notenArray = [];
    // Alle Zeilen durchlaufen:
    notenZeilen.forEach(zeile => {
        // Zeile am Semikolon aufsplitten:
        const zeileSplitted=zeile.split(';');
        // Ein Objekt mit Fach und Note an das Ergebnis-Array anhängen:
        notenArray.push({ fach: zeileSplitted[0], note: zeileSplitted[1] });
    });

    <script>
        const
            // Tabellenzeilen bereit stellen:
            rows = document.querySelectorAll('table tr'),
            // Eingegebene Wert aus dem Localstorage lesen:
            valuesJson = localStorage.getItem('values');
        //Waren schon Werte im Localstorage?
        if (valuesJson) {
            const
                values = JSON.parse(valuesJson);
            // Über alle Tabellenzeilen:
            for (let i = 0; i < rows.length; i++) {
                // Den Wert aus dem Localstorage in das Eingabefeld eintragen:
                rows[i].querySelector('td.eingabe input').value = values[i];
                // Ergebnis berechnen und in Tabellenzelle eintragen:
                const
                    faktor = rows[i].querySelector('td.faktor').textContent,
                    ausgabe = rows[i].querySelector('td.ausgabe'),
                    ergebnis = values[i] * faktor;
                ausgabe.textContent = ergebnis;
            }
        }
        // Eventlistener für input-Event irgendwo auf der
        // Seite registrieren:
        document.addEventListener('input', event => {
            // Handelt es sich um das Eingabefeld in der Tabelle?
            if (event.target.matches('td.eingabe input')) {
                const
                    // Ausgehend vom Eingabefeld die Zeile
                    // in der Tabelle ermitteln:
                    row = event.target.closest('tr'),
                    // Den Faktor ermitteln:
                    faktor = row.querySelector('td.faktor').textContent,
                    // Die Tabellenzelle für die Ausgabe ermitteln:
                    ausgabe = row.querySelector('td.ausgabe'),
                    // Den eingegebenen Wert bereit stellen:
                    eingabe = event.target.value,
                    // Das Ergebnis berechnen:
                    ergebnis = eingabe * faktor;
                // Das Ergebnis in die Tabellenzelle eintragen:
                ausgabe.textContent = ergebnis;

                // Ein Array mit den Eingaben bereit stellen:
                const
                    values = [];
                // Über alle Tabellenzeilen:
                rows.forEach(row => {
                    // Den eingegebenen Wert in das Array eintragen:
                    const
                        eingabe = row.querySelector('td.eingabe input').value;
                    values.push(eingabe);
                    // Und das Array im Localstorage speichern:
                    localStorage.setItem('values', JSON.stringify(values));
                });
            }
        });
    </script>

            <tr>
                <td class="faktor">1</td>
                <td class="eingabe"><input></td>
                <td class="ausgabe"></td>
            </tr>
            <tr>
                <td class="faktor">2</td>
                <td class="eingabe"><input></td>
                <td class="ausgabe"></td>
            </tr>
            <tr>
                <td class="faktor">3</td>
                <td class="eingabe"><input></td>
                <td class="ausgabe"></td>
            </tr>

    <script>
        // Eventlistener für input-Event irgendwo auf der
        // Seite registrieren:
        document.addEventListener('input', event => {
            // Handelt es sich um das Eingabefeld in der Tabelle?
            if (event.target.matches('td.eingabe input')) {
                const
                    // Ausgehend vom Eingabefeld die Zeile
                    // in der Tabelle ermitteln:
                    row = event.target.closest('tr'),
                    // Den Faktor ermitteln:
                    faktor = row.querySelector('td.faktor').textContent,
                    // Die Tabellenzelle für die Ausgabe ermitteln:
                    ausgabe = row.querySelector('td.ausgabe'),
                    // Den eingegebenen Wert bereit stellen:
                    eingabe = event.target.value,
                    // Das Ergebnis berechnen:
                    ergebnis = eingabe * faktor;
                // Das Ergebnis in die Tabellenzelle eintragen:
                ausgabe.textContent = ergebnis;
            }
        });
    </script>

    <script>
        document.getElementById('inputField').addEventListener('input', event => {
            const
                input = event.target,
                val = input.value;
            // Prüfen ob eine gültige Eingabe vorliegt:
            if (val == '' || parseInt(val) >= 1 && parseInt(val) <= 157 || val == 'M') {
                // Die Eingabe ist gültig, wir speichern den Wert:
                input.dataset.validValue = val;
            } else {
                // Die Eingabe ist ungültig, wir setzen die Eingabe
                // auf den letzten gültigen Wert zurück:
                input.value = input.dataset.validValue;
            }
        });
    </script>

    <script>
        function schreibwas() {
            var count = 1;
            var antwort1 = "Laika";
            var antwort2 = "Juri Gagarin";
            // antwort3 ist keine Antwort sondern eine Meldung an den Benutzer
            // var antwort3 = "3x falsch";
            do {
                var eingabe = prompt(count + ". Versuch. Wie hieß der erste Erdbewohner im All:", "");
                if (eingabe == antwort2) {
                    alert("Fast richtig, Sie dürfen noch einmal raten");
                    // Der Benutzer darf noch ein Mal raten
                } else if (eingabe == antwort1) {
                    alert("Das ist richtig");
                    // Richtige Antwort, durch die Bedingung am Schleifenende wird
                    // die Schleife verlassen werden
                } else
                    // Wenn wir an dieser Stelle ankommen, wurde falsch geraten.
                    // Prüfen, ob es schon der letzte Versuch war:
                    if (count >= 3) {
                        document.getElementById("ergebnis").innerHTML = "3x falsch";
                    } else {
                        document.getElementById("ergebnis").innerHTML = "Falsch, Sie dürfen noch einmal raten";
                    }
                count++;
            } while (eingabe != antwort1 && count <= 3)
        }
    </script>