Freie Scripten und Tutorials erstellt von Roland Geyer       Startseite | Gästebuch

Programmentwicklung

Zur Programmentwicklung empfehle ich anfangs folgende Vorgangsweise:

Jedes Programm enthält die gleichen Teile:

  1. zuerst alle Variablen auf null setzen
  2. dann die Eingaben definieren
  3. dann wird die Berechnung durchgeführt
  4. dann das Ergebnis ausgegeben
  5. Der wichtigste Punkt jedoch ist, dass alle Eingaben überprüft werden müssen. Weiters ist zu überprüfen, ob alle Objekte und Variablen vorhanden sind und ob die Funktionen auf allen Plattformen und mit den verschiedenen Browsern funktionieren.
  6. Wenn etwas nicht funktioniert, werden die Werte mit einem alert() auf ihre Richtigkeit überprüft.

Beispiel 7.2.1:

//1. Alle Variablen auf Null
var a = 0;
var b = 0;
var c = 0;
//2. Eingabe
a = 1*window.prompt("1. Zahl");
b = 1*window.prompt("2. Zahl");
//3. Berechnung
c = a*a + b*b*b;
//4. Ausgabe
document.write(c);


Beispiel 7.2.2:

Die einzelnen Teile des Programmes werden in kleine Schritte zerlegt und dem Programm entsprechend der Reihe nach aufgelistet: Jeder Schritt entspricht einer Anweisung:

//1.Schritt a=?
//2.Schritt b=?
//3.Schritt E = axb
//4.Schritt c=E/100
//5.Schritt c ausgeben
function multipliziere(a,b){
return(a*b);
}
function dividiere(a,b){
return(a/b);
}
a = 1*window.prompt("Zahlenwert");//1.Anweisung
b = 1*window.prompt("Prozentsatz");//2.Anweisung
E = multipliziere(a,b);//3.Anweisung
c = dividiere(E,100);//4.Anweisung
document.write(c);//5.Anweisung


Beispiel 7.2.3:

Letztendlich beginnt man von Anfang an das Programm Schritt für Schritt zu entwickeln:

1. Läuft Javascript, habe ich die richtige Datei?

alert("test");

2. Kann ich eine Variable ausgeben?

var a = "aaa"
document.write(a);

3. Kann ich einen Wert eingeben und diesen Wert wieder ausgeben?

var a = window.prompt();
document.write(a);

4. Was ist der Unterschied zwischen einer Zahl und einem Text?

var buchstabe = window.prompt();
var zahl = 1*window.prompt();
document.write();

5. Kann ich eine Funktion definieren und aufrufen?

function test(){
alert("testFunktion aufgerufen")
}
test();

6. Kann ich das Ergebnis einer Funktion weitergeben?

function test(){
alert("Testfunktion aufgerufen");
var e = "ergebnis";
return (e);
}
a = test();
document.write(a);

7. Was ist der Unterschied zwischen einer Funktion mit oder ohne Parameter und Rückgabe?

function test_Ohne_RueckgabeWert(){
document.write("test ohne return<br>"); //1. Ausgabe
}
test_Ohne_RueckgabeWert(); //2. Nur Aufruf
//##############################################################################
function test_Mit_RueckgabeWert(){
return ("test mit return<br>"); //1.Return
}
a = test_Mit_RueckgabeWert(); //2.Uebergabe des Return Wertes bei Aufruf
document.write(a); //3. Ausgabe

8. Wie übergebe ich einen Parameter bei Funktionsaufruf?

function test(p1){
alert(p1);
}
test("aaaa")

function test(p1){	// 1. Parameter definieren -> var p1
var a = 0; // 3. FunktionenVariable definieren und Anfangswert setzen
a = p1; // 4. Wert des Parameters an Variable uebergeben
alert(a);
}
test("aaaa"); //2. Wert "aaaaa" wird an p1 uebergeben -> p1="aaaaa"
Weitere freie Tutorials: Rhetorik & Kommunikation Typografie & Layout Bildbearbeitung mit Photoshop oder GIMP Vektorgrafik mit Illustrator, FreeHand, Corel Draw oder Inkscape Layout mit Indesign oder Scribus Druckvorstufe GoLive Html JavaScript Flash & ActionScript Director & Lingo Assembler DOS Java objektorientiert Perl Word Excel Access PowerPoint Outlook Betriebssystem