Hallo,

In den meisten Programmiersprachen gibt es einen fundamentalen Unterschied zwischen zwei Datentypen: Zeichenketten einerseits und Zahlen andererseits. (Es gibt natürlich noch andere wichtige Datentypen.) In JavaScript sind das eine Strings (vom String-Prototyp abgeleitete Objekte) und das andere Numbers (vom Number-Prototyp abgeleitete Objekte). Alle Methoden des Math-Objektes operieren mit Number-Werten.

In JavaScript spielt diese Unterscheidung keine große Rolle, da der JavaScript-Interpreter den Datentyp automatisch umwandelt, sobald irgendwo ein String bzw. eine Number benötigt wird. In einigen anderen Sprachen muss man diese Umwandlung von Hand durchführen.

Wenn du "1" notierst, erzeugst du jedenfalls einen String heraus, wenn du 1 notierst, eine Number.

In deiner Variable zahl ist ein Number-Wert. In deiner switch-Fallunterscheidung vergleichst du diesen mit einem String:

case "1" : ...
     ^^^ String

Du müsstest also eine Number notieren:

case 1 : ...
     ^ Number

Das löst erst einmal dein Problem.

Anzumerken wäre noch, dass das eine Ausnahme in JavaScript ist. Denn wie gesagt werden Strings automatisch in Numbers und Numbers automatisch in Strings umgewandelt, sofern nötig.

Dieser logische Ausdruck mit Vergleichsoperator ergibt true:

alert("1" == 1);

Das demonstriert die automatische Umwandlung des linken String-Wertes in einen Number-Wert, damit er mit dem rechten Number-Wert vergleichbar ist (1 == 1 ergibt eben true).

Gut, wieso funktioniert diese automatische Umwandlung nicht bei switch?

Bei einer switch-Fallunterscheidung gibt es eine Besonderheit¹: Bei den Vergleichen wird nicht einfach überprüft, ob die Werte identisch sind. Es wird auch der Datentyp verglichen. Das entspricht dem strengen Vergleichsoperator ===.

Den reduzierten Code

var zahl = 1;  
switch (zahl){  
   case "1" :  
     alert("1");  
}

könnte man folgendermaßen in eine if-Anweisung übersetzen:

var zahl = 1;  
if (zahl === "1") {  
   alert("1");  
}

Bei zahl === "1" wird nicht nur auf gleichen Wert geprüft - denn in dem Fall würde die automatische Typangleichung greifen -, sondern es wird auch auf gleichen Typ geprüft. Links steht eine Number, rechts ein String. Weil der Typ ungleich ist, ergibt der Ausdruck false.

Deine ursprüngiche switch-Anweisungen könnte man zur Veranschaulichung in verschachtelte if-Abfragen übersetzen:

var zahl = 1;  
if (zahl !== "1") {  
 if (zahl !== "2") {  
  if (zahl !== "3") {  
   alert("geht ned");  
  } else {  
   document.write(textfeld3);  
  }  
 } else {  
  document.write(textfeld2);  
 }  
} else {  
 document.write(textfeld1);  
}  

In ECMAScript, dem Standard, der die Abarbeitung der switch-Struktur definiert, ist dieser Algorithmus definiert. Der Operator !== ist einfach der negativierte ===-Operator. Der Ausdruck x !== y bedeutet »x und y sind nicht wertegleich *oder* nicht typengleich«.

Somit zeigt sich, warum der Interpreter in den Zweig mit alert("geht ned") kommt: Die Number wird immer mit Strings verglichen und dabei wird auf gleichen Typ geachtet. Das geht schief.

Mathias