HTML und mehr

Das erste JavaScript

Nun schreiben wir unser erstes JavaScript.
Dazu erstellen wir eine HTML-Seite mit einem Grundgerüst.

  • In einer HTML-Seite werden JavaScript-Befehle mit HTML-Tag<script>…</script> eingebunden.
  • Mit der Funktion alert(…) wird ein Text in einem neuen Fenster ausgegeben.
  • Der Text, der ausgegeben werden soll, muss in Anführungsstrichen in der Klammer stehen.
  • Jeder JavaScript-Befehl wird mit einem Strickpunkt abgeschlossen.
<!DOCTYPE html>
<html lang="de">
<head>
    <meta charset="UTF-8">
    <title>Mein erstes JavaScript-Programm</title>
</head>
<body>
    <p style="font-color: blue;">Das ist HTML!</p>
    <script>
        alert("Hello World, das ist JavaScript.");
    </script>
</body>
</html>

Im Editor „VS Code“ mit dem Farbschema „Office Theme“ (Plugin) sieht das so aus:

Im Browser sieht das Ergebnis zunächst folgendermaßen aus:

Erst wenn man auf den Button „Ok“ geklickt hat, wird der HTML-Text „Das ist HTML!“ angezeigt.

Download: js-hello1a.html


Weiter