Javascript

Navigation: Startseite → Javascript → Aufgaben → 01_aufgabe_alert

Grundstruktur eines Javascriptes

Auf dieser Seite lernst du, wie du die Grundstruktur eines Java-Scriptes erstellst..

Javascript wird immer im HTML-Quelltext eingebettet. Er kann im Prinzip an beliebiger Stelle innerhalb des body-Tags stehen.
Allerdings hat es sich eingebürgert, Javascript im head Bereich unterzubringen.

<html>

<head>
<title>Javascript</title>

<script type="text/javascript" language="JavaScript">
<!--

alert("Willkommen auf meiner Homepage!");

//-->
</script>

</head>
<body>
.
.
</body>

Du kannst auch die Kurzform verwenden:

<html>
<head>
<title>Javascript</title>

<script>

.
.

</script>

</head>
<body>
.
.
</body>

Javascripte müssen einigen Regeln folgen:

Javascript unterscheidet zwischen Groß- und Kleinschreibung:
- ```
var Zahl1=12;
var Zahl2=12;
var Ergebnis=zahl1+Zahl2;
```
  erzeugt eine Fehlermeldung, weil die bei der Berechnung des Ergebnisses zahl1 klein geschrieben wurde.
- ```
OnClick="window.close();
```
  Der Befehl bleibt wirkungslos, weil es onClick heißen muss.
Javascript geht davon aus, dass in einer Zeile nur eine Anweisung steht. Sollen es mehrere sein, müssen sie durch ein Semikolon getrennt werden.
Es ist nicht zwingend erforderlich, einzelne Anweisungen mit einem Semikolon abzuschließen.

In Javascript gibt es sogenannte Anweisungsblöcke, also eine Folge von Befehlen, die zusammen gehören. Sie müssen mit geschweiften Klammern zusammen gefasst werden.

var Zahl=10;
var MaxZahl = 20;
var ZufallsZahl = Math.ceil(Math.random() * MaxZahl);
var Ergebnis=Zahl*ZufallsZahl;

if (Ergebnis>100)
{
     document.write(ZufallsZahl);
     document.write("Die Zahl ist >100");
     document.write("Du hast leider verloren!");
}

Aufgabe:

Erstelle eine HTML-Seite alert.htm,
Schreibe ein Script, das eine Box mit der Mitteilung "Willkommen auf meiner Homepage!" anzeigt.

© Hartmut Waller
Datei: https://hartmut-waller.info/javascript/aufgaben/01_aufgabe_alert.php
Zuletzt geändert: 28. 11. 2019 17:07