|
Ein erster Blick auf Javascript
| Wesentliche Ablaufelemente: Teil1 |
<!DOCTYPE html> <!-- Start für HTML5 -->
<html lang="de">
<head> <!-- Informationen für/über das gesamte Dokument -->
<link rel="stylesheet" type="text/css" href="base.css" />
<title>Einführung in Javascript</title>
<script type="text/javascript">
function process(i){ // definiert eine js-Funktion
switch(i){
case 1: alert("Erster Weg"); break;
case 2: alert("Zweiter Weg"); break;
case 3: alert("Dritter Weg"); break;
case 4: alert("Vierter Weg"); break;
default: alert("Unbekannter Weg");
}
}
</script>
</head>
<body> <!-- Anfang des dargestellten Bereiches -->
<span class='button2'; onclick="process(1)">Lerne über Aneinanderreihung von Befehlen (Sequenz)</span>
<span class='button2'; onclick="process(2)">Lerne über Auswahl und Verzweigung</span>
<span class='button2'; onclick="process(3)">Lerne über Wiederholung</span>
<span class='button2'; onclick="process(4)">Lerne über Unterprogramme</span>
</body>
</html>
| Wesentliche Ablaufelemente: Teil2 |
<!DOCTYPE html> <!-- Start für HTML5 -->
<html lang="de">
<head> <!-- Informationen für/über das gesamte Dokument -->
<link rel="stylesheet" type="text/css" href="base.css" />
<title>Einführung in Javascript</title>
<script type="text/javascript">
function sub(str){
alert("An dieses Unterprogramm übergeben: "+str);
}
function process(i){ // definiert eine js-Funktion
switch(i){
case 1:
alert("Die einzelnen Befehle");
alert("... werden der Reihe nach ...");
alert("abgearbeitet.");
break;
case 2: if (prompt("ja oder nein","ja/nein")!="nein") alert("es wurde nicht nein gewählt");
else alert("es wurde nein gewählt");
break;
case 3: for (i=0; i<5; i++) alert("Schleifendurchlauf "+i); break;
case 4: sub("Unterprogramm"); break;
default: alert("Unbekannter Weg");
}
}
</script>
</head>
<body> <!-- Anfang des dargestellten Bereiches -->
<span class='button2'; onclick="process(1)">Lerne über Aneinanderreihung von Befehlen (Sequenz)</span><br/><br/>
<span class='button2'; onclick="process(2)">Lerne über Auswahl und Verzweigung</span><br/><br/>
<span class='button2'; onclick="process(3)">Lerne über Wiederholung</span><br/><br/>
<span class='button2'; onclick="process(4)">Lerne über Unterprogramme</span><br/><br/>
</body>
</html>
| Die wesentlichen Elemente strukturierten Programmierens |
- Sequenz: Aneinandergereihte Befehle werden in ihrer notierten Reihenfolge abgearbeitet
- Auswahl: Mit Hilfe von Bedingungen kann man wählen, welche Code-Teile bearbeitet werden sollen.
- Wiederholung: Teile von Code können innerhalb von Schleifen mehrfach ausgeführt werden
- Unterprogramme: Zur besseren Wiederverwendung von Code-Teilen können diese in Unterprogramm ausgelagert und mit Parametern versehen werden.
|