Beschreibung

Bei diesem Javascript handelt es sich um einen einfachen Taschenrechner, der die wichtigsten Rechenoperationen ausführen kann. Die Eingabe der Zahlen kann über die Tasten, aber auch direkt in das Eingabefeld erfolgen. Bei direkter Eingabe ist jedoch zu beachten, dass in das Eingabefeld nur Zahlen und nicht Rechenoperationen, wie z.B. Plus und Minus, eingefügt werden können. Beim Rechnen berücksichtigt der Taschenrechner die Rangfolge der Rechenoperatoren - sprich Punkt- vor Strichrechnung.

1.0

2.0

3.0

1.0

5.12

1.0

3.1

HTML-Code

<form name="Rechner56" action=""> <table border="0" width="250" bgcolor="#F9F9F9" style="border: 2px solid #999999"> <tr> <td width="100%" colspan="4" align="center"><input type="text" name="Feld56" value="0" style="width: 200px"> <input type="button" name="gedrueckt56" style="width: 30px"><br>&nbsp;</td> </tr> <tr> <td width="25%" align="center"><input type="button" value="M+" style="width: 50px" onclick="Speicher56 += parseFloat(document.Rechner56.Feld56.value)"></td> <td width="25%" align="center"><input type="button" value="M-" style="width: 50px" onclick="Speicher56 -= parseFloat(document.Rechner56.Feld56.value)"></td> <td width="25%" align="center"><input type="button" value="MR" style="width: 50px" onclick="if(Speicher56!=0)neue_Eingabe56 = 0;document.Rechner56.Feld56.value = Speicher56"></td> <td width="25%" align="center"><input type="button" value="MC" style="width: 50px" onclick="Speicher56 = 0"></td> </tr> <tr> <td width="25%" align="center"><input type="button" value="C" style="width: 50px" onclick="Zahl156 = Zahl256 = Operator156 = Operator256 = 0;neue_Eingabe56 = 1;with(document.Rechner56){Feld56.value = 0;gedrueckt56.value = ' ';}"></td> <td width="25%" align="center"><input type="button" value="&radic;x" style="width: 50px" onclick="Funktionen56(1)"></td> <td width="25%" align="center"><input type="button" value="%" style="width: 50px" onclick="Funktionen56(2)"></td> <td width="25%" align="center"><input type="button" value="+" style="width: 50px" onclick="rechnen56(1)"></td> </tr> <tr> <td width="25%" align="center"><input type="button" value="7" style="width: 50px" onclick="Taste56(7)"></td> <td width="25%" align="center"><input type="button" value="8" style="width: 50px" onclick="Taste56(8)"></td> <td width="25%" align="center"><input type="button" value="9" style="width: 50px" onclick="Taste56(9)"></td> <td width="25%" align="center"><input type="button" value="-" style="width: 50px" onclick="rechnen56(2)"></td> </tr> <tr> <td width="25%" align="center"><input type="button" value="4" style="width: 50px" onclick="Taste56(4)"></td> <td width="25%" align="center"><input type="button" value="5" style="width: 50px" onclick="Taste56(5)"></td> <td width="25%" align="center"><input type="button" value="6" style="width: 50px" onclick="Taste56(6)"></td> <td width="25%" align="center"><input type="button" value="×" style="width: 50px" onclick="rechnen56(3)"></td> </tr> <tr> <td width="25%" align="center"><input type="button" value="1" style="width: 50px" onclick="Taste56(1)"></td> <td width="25%" align="center"><input type="button" value="2" style="width: 50px" onclick="Taste56(2)"></td> <td width="25%" align="center"><input type="button" value="3" style="width: 50px" onclick="Taste56(3)"></td> <td width="25%" align="center"><input type="button" value="÷" style="width: 50px" onclick="rechnen56(4)"></td> </tr> <tr> <td width="25%" align="center"><input type="button" value="+/-" style="width: 50px" onclick="with(document.Rechner56.Feld56)value = -parseFloat(value)"></td> <td width="25%" align="center"><input type="button" value="0" style="width: 50px" onclick="Taste56(0)"></td> <td width="25%" align="center"><input type="button" value="." style="width: 50px" onclick="with(document.Rechner56.Feld56){if(value.indexOf('.')<0){neue_Eingabe56 = 0;value += '.';}}"></td> <td width="25%" align="center"><input type="button" value="=" style="width: 50px" onclick="if(Operator156>0)rechnen56(Operator156);else if(Operator256>0)rechnen56(Operator256);Zahl156 = Zahl256 = Operator156 = Operator256 = 0;document.Rechner56.gedrueckt56.value = ' '"></td> </tr> </table> </form> <script type="text/javascript"> <!-- /* © Valentin Hammer Originalversion auf http://www.supermario.homepage.eu */ var Zahl156 = Zahl256 = Operator156 = Operator256 = 0; var neue_Eingabe56 = 1; var Zeichen56 = "+-×÷"; function Taste56(Index56) { with(document.Rechner56) { var Wert56 = parseFloat(Feld56.value); if(Wert56+""=="NaN") Wert56 = 0; if(neue_Eingabe56==1) { neue_Eingabe56 = 0; Feld56.value = Index56; } else Feld56.value += Index56; } } function rechnen56(Index56) { var Zahl56 = Index56<3 ? Zahl156:Zahl256; var Operator56 = Index56<3 ? Operator156:Operator256; with(document.Rechner56) { var Wert56 = parseFloat(Feld56.value); if(Wert56+""=="NaN") Wert56 = 0; if(Operator256>0&&Index56<3) { if(Operator256<4) Zahl256 *= Wert56; else Zahl256 /= Wert56; Zahl56 = Zahl156+(Operator156<2 ? Zahl256:-Zahl256); Operator56 = Operator156; Operator256 = 0; } else if(Operator56<1) Zahl56 = Wert56; else if(Operator56<2) Zahl56 += Wert56; else if(Operator56<3) Zahl56 -= Wert56; else if(Operator56<4) Zahl56 *= Wert56; else if(Operator56<5) Zahl56 /= Wert56; if(Index56<3) { Zahl156 = Zahl56; Operator156 = Index56; } else { Zahl256 = Zahl56; Operator256 = Index56; } neue_Eingabe56 = 1; gedrueckt56.value = Zeichen56.charAt(Index56-1); Feld56.value = Zahl56; } } function Funktionen56(Index56) { with(document.Rechner56) { var Wert56 = parseFloat(Feld56.value); if(Wert56+""=="NaN") Wert56 = 0; Feld56.value = Index56==1 ? Math.sqrt(Wert56):Wert56/100; } neue_Eingabe56 = 0; } //--> </script>