Taschenrechner - Website X5 Helpsite

Ein Taschenrechner für die Webseite.

Dieser Taschenrechner beherrscht die nötigsten Grundrechenoperationen.
Durch die Veränderung der Schriftgröße im CSS-Bereich und zusätzlicher Änderung der Breite des Eingabe-Feldes, erhält der Rechner ein anderes Aussehen. Die Farbe des Hintergrundes kann im HTML-Code mit dem Attribut "background-color" an die Webseite angepasst werden.

Code für den CSS-Bereich:

input.btn {color: Black; font-size: 14pt; font-family: courier new,helvetica}

Code für das HTML-Objekt:

<form name=Calc><br>
<table cellpadding="5" cellspacing="5" style="background-color: gray; border:2px solid; border-color: black; align="center">
<tr><td>
<input type=text name=Input Size=30><br />
</td></tr>
<tr><td align="center">
<input type=button class="btn" value=" 1" OnClick="Calc.Input.value += '1'">
<input type=button class="btn" value=" 2" OnCLick="Calc.Input.value += '2'">
<input type=button class="btn" value=" 3" OnClick="Calc.Input.value += '3'">
<input type=button class="btn" value=" +" OnClick="Calc.Input.value += '+'">
<input type=button class="btn" value=" C" OnClick="Calc.Input.value = ''"><br>
<input type=button class="btn" value=" 4" OnClick="Calc.Input.value += '4'">
<input type=button class="btn" value=" 5" OnCLick="Calc.Input.value += '5'">
<input type=button class="btn" value=" 6" OnClick="Calc.Input.value += '6'">
<input type=button class="btn" value=" -" OnClick="Calc.Input.value += '-'">
<input type=button class="btn" value=" (" OnClick="Calc.Input.value += '('"><br>
<input type=button class="btn" value=" 7" OnClick="Calc.Input.value += '7'">
<input type=button class="btn" value=" 8" OnCLick="Calc.Input.value += '8'">
<input type=button class="btn" value=" 9" OnClick="Calc.Input.value += '9'">
<input type=button class="btn" value=" x" OnClick="Calc.Input.value += '*'">
<input type=button class="btn" value=" )" OnClick="Calc.Input.value += ')'"><br>
<input type=button class="btn" value=" C" OnClick="Calc.Input.value = ''">
<input type=button class="btn" value=" 0" OnClick="Calc.Input.value += '0'">
<input type=button class="btn" value=" ." OnClick="Calc.Input.value += '.'">
<input type=button class="btn" value=" /" OnClick="Calc.Input.value += '/'">
<input type=button class="btn" value=" =" OnClick="Calc.Input.value = eval(Calc.Input.value)">
</td></tr></table></form>