Ecco il codice sorgente di una semplice calcolatrice standard realizzata utilizzando le funzioni aritmetiche in JavaScript. Per vederla in funzione copia il codice e incollalo in questo editor http://htmledit.squarefree.com/
Codice:
<head>
<script type="text/javascript">
function scrivi(valore) {
var calc = document.getElementById("input_calcolo");
calc.value += valore;
}
function calcola() {
var calc = document.getElementById("input_calcolo");
calc.value = eval(calc.value);
}
function cancella() {
var calc = document.getElementById("input_calcolo");
calc.value ="";
}
</script>
</head>
<div id="calcolatrice" style="border:1px solid grey;display:inline-block;background-color:#eee;">
<input type="text" id="input_calcolo" style="outline:none;"/><br>
<input type="button" value="1" onclick="scrivi('1')"/>
<input type="button" value="2" onclick="scrivi('2')"/>
<input type="button" value="3" onclick="scrivi('3')"/>
<input type="button" value="+" onclick="scrivi('+')" style="width:30px;margin-left:32px;"/><br>
<input type="button" value="4" onclick="scrivi('4')"/>
<input type="button" value="5" onclick="scrivi('5')"/>
<input type="button" value="6" onclick="scrivi('6')"/>
<input type="button" value="-" onclick="scrivi('-')" style="width:30px;margin-left:32px;"/><br>
<input type="button" value="7" onclick="scrivi('7')"/>
<input type="button" value="8" onclick="scrivi('8')"/>
<input type="button" value="9" onclick="scrivi('9')"/>
<input type="button" value="*" onclick="scrivi('*')" style="width:30px;margin-left:32px;"/><br>
<input type="button" value="0" onclick="scrivi('0')">
<input type="button" value="C" onclick="cancella()">
<input type="button" value="." onclick="scrivi('.')">
<input type="button" value="÷" onclick="scrivi('/')" style="width:30px;margin-left:33px;"/><br>
<center><input type="button" value="=" onclick="calcola()" style="width:98%;" /></center>
</div>
