Coden für Anfänger

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 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 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 = a*b
 //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 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();
 alert(buchstabe*zahl);

5. Kann ich eine Funktion definieren und aufrufen?

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

6. Kann ich das Ergebnis einer Funktion weitergeben?

 function test(){
     "use strict";
     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
     "use strict";
     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"