Erste Gehversuche - was machen ich schon falsch?

sven007 · 10.03.2021

Moin zusammen,
ich versuche mich ein wenig in HTML mit JS einzufuchsen.
Kann mir jemand erklären, warum meine "Ampel" nicht auf rot schaltet?

HTML:

<!doctype html>
<html lang = "de">
    <head>
        <title>Hallo</title>
        <meta charset = "utf-8">
        <script>
            function schalten {
                var ampel = document.getElementByID("ampel");
                ampel.innerHTML = "rot!";
            }
            window.onload = schalten;
        </script>
    </head>
    <body>
        <h1>Die Ampel ist</h1>
        <p id="ampel">grün!</p>
    </body>
</html>

Grüße
Sven

scatello · 10.03.2021

Mehrere Fehler

Hinter einem Funktionsnamen gehören Klammern ()
getElementByID heißt getElementById
Der Funktionsaufruf braucht auch die Klammern
Das Script wird zu früh aufgerufen, das Dokument ist noch nicht geladen, daher verschiebe den JavaScript-Teil vor </body>

sven007 · 10.03.2021

Hallo scatello,
vielen Dank für die schnelle Rückmeldung.

Ich habe die Anmerkungen 1 und 2 umgesetzt und es funktioniert. An die extreme Case-Sensitivität muss ich mich gewöhnen.

Du meinst bei 3 den Funktionsaufruf

Javascript:

window.onload = schalten;

?
Hier bekomme ich eher einen Fehler, wenn ich dort () ergänze.
Und zu vier: Durch das onload wird der Code ja ausgeführt, wenn die Seite vollständig geladen ist.

Grüße
Sven

AndreasB · 10.03.2021

sven007 schrieb:
Hier bekomme ich eher einen Fehler, wenn ich dort () ergänze.

Ja, hier benötigst du keine Klammern. du weist hier die Funktion als Wert zu, nicht den Rückgabewert.

sven007 · 10.03.2021

Danke, Andreas.