JavaScript
JavaScript ist eine "einfache" Programmiersprache für das Internet, mit der du
HTML-Seiten aufwerten kannst. Das "Script" steht für Skript, also ein kleines Progrämmchen, und "Java" ist eine der großen Programmiersprachen fürs Internet. Wichtig an dieser Stelle: Java ist nicht gleich JavaScript, aber das dachtest du dir wohl schon!
Bevor wir einige Beispiele in JavaScript bringen, klären wir die weltbewegende Frage:
Wo steht ein JavaScript in deinem HTML-Text?
Einfache Frage, einfache Antwort: am besten zwischen den beiden head
-Tags, also im Kopf des Dokumentes, betrachte hierzu folgendes Beispiel:
<html>
<head>
<title> Javascript-Beispiel 1 </title>
<script language="JavaScript">
<!-- diese zeile ist für browser, die javascript (noch) nicht können
// Ein Kommentar in JavaScript
function dialog()
{
alert("Das erste JavaScript-Beispiel!");
}
//-->
</script>
</head>
<body onload="dialog()" >
</body>
</html>
Einge Bemerkungen:
- Das
script
-Tag klammert ein JavaScript ein, du kannst als Argument zum Beispiel die Sprache des Skriptes angeben (Hier: JavaScript).
- Es soll Browser geben, die JavaScript nicht verstehen, also wird das JavaScript in einen HTML- Kommentar eingebaut!
- Mit // beginnt eine Kommentarzeile in JavaScript. ACHTUNG: Der Kommentar geht nur bis zum Ende der Zeile!
- In JavaScript programmiert man Funktionen, zu deutsch: function. Danach kommt der Name der Funktion, hier ___________________? Und auf den Namen folgt die sogenannte Parameterliste: (), die hier aber leer ist. Warum eigentlich? Deine Vermutung: _________________________________________________
- Die geschweiften Klammern { } stehen für Anfang und Ende der Funktion. Dazwischen steht dann, was die Funktion macht.
- Zwischen den geschweiften Klammern steht -siehe eben-, was die Funktion macht, sie ruft eine Funktion
"alert" auf und übergibt ihr als Parameter einen Text, der in "Hochkommata" eingeschlossen ist.
- Zuletzt: Die JavaScript-Funktion wird beim Laden der HTML-Seite aufgerufen, so steht es im öffnenden
body
-Tag: onload=dialog(). Das kann man so machen, aber es geht auch anders, doch dazu später mehr, vergleiche im übrigen die Aufgaben!
- Aufgaben:
- Überlege, was kannst du mit Programmiersprachen alles anstellen, und halte deine Ideen schriftlich fest!
- Gib das Beispiel oben mit htmledit ein, und speichere es unter dem Namen "js_bsp1.htm" in deinem Verzeichnis (auf Laufwerk H:\ u. s. w.).
- Ersetze die Funktion "alert" durch die Funktion "confirm" (abspeichern unter dem Namen "js_bsp2.htm" und beschreibe deine Beobachtung! ___________________________________
- Verändere jetzt den Parameter der Funktion "alert" bzw. "confirm" und beschreibe deine Beobachtung!
- Probleme:
- Präzisiere das Problem "Lösen quadratischer Gleichungen" und gib (d)eine Lösung in mehreren Schritten anhand eines Beispiel (an).
- Dein Problem lautet: Backen eines Apfelkuchens, gib hierfür eine Lösung in mehren Schritten und konsultiere hierzu ein Kochbuch oder eine/n Experten/in!
Zurück zur Übersicht
W. Spiegel, E-Mail: walter [dot] spiegel [at] web [dot] de