Wieso funktioniert die Auswertung meines Planetenquiz nicht richtig?

Hallo, und zwar habe ich mit HTML, CSS und JavaScript ein Quiz über das Sonnensystem erstellt (man soll die Planeten richtig beschriften).

Problem: Wenn ich auf Aufgabe überprüfen klicke, kommt die Anzeige "Du hast 0 von 8 Planeten richtig beschriftet", obwohl ich die Planeten richtig beschriftet habe.

Kann mir jemand dabei helfen? Ich komme einfach nicht weiter.

JavaScript:

HTML:

Answer 1

[elfile]

Dass DOM-Nodes eine innerText Eigenschaft haben wäre mir neu, hast Du mal in die Konsole geschaut? In der Regel die erste und beste Anlaufstelle zum Debuggen.

Vermutlich meinst du textContent bzw solltest Du auf diese Eigenschaft zurückgreifen.

Comments

[regex9]

Die getElementById-Methode liefert ein Element. Im konkreten Fall verweisen die Variablen auf HTMLElement-Objekte.

Answer 2

[regex9]

Die Texte sollten in den Eingabefeldern stehen. Du versuchst hingegen, den Text aus den div-Elementen auszulesen, die immer leer sind.

Ändere also zuerst einmal die IDs, die in den Zeilen 2-9 an die getElementById-Methode übergeben werden.

Den Feldwert kannst du anschließend über das value-Property erfragen. Via textContent, oder innerText hast du keinen Zugriff, da der Feldwert nicht in einem Subtextknoten gelagert wird,