[JS] 2 - Calcolatrice base HTML/JS

<html>
<head>
<title>Calcolatrice in HTML/JavaScript</title>
<meta name="author" content="Christian Marongiu" />

<script type="text/javascript">

/*
##################################################################
## SCRIPT BY:   Christian Marongiu              ##
## INFO:    http://chrmar.altervista.org            ##
## CONTACT: [email protected]           ##
##                              ##
## Pagina HTML/JavaScript per la realizzazione di una       ##
## calcolatrice basilare                    ##
##################################################################
*/

function carica() {
    // Posiziono il cursore sul campo di input del numero
    document.getElementById("numero").select();
}

function tasto(stringa) {
    // Funzione per stampare nel campo input il valore scelto cliccando un pulsante
    document.getElementById("numero").value += stringa
}

function calcola() {
    // Calcolo dell'espressione mediante la funzione EVAL che valuta la stringa
    // Tale stringa risulta dal valore del campo input (numero)
    document.getElementById("numero").value = eval(document.getElementById("numero").value)
}

function cancella() {
    // Eliminiamo qualsiasi input inserito nel campo di input
    document.getElementById("numero").value = "";
}

function radice(num) {
    // Funzione per calcolare la radice quadrata tramite Math.sqrt
    document.getElementById("numero").value = Math.sqrt(num);
}

function help() {
    // Alcuni aiuti per l'utente nel caso non sapesse il significato di qualche simbolo
    // \n indica 'Vai a capo', come il <br> in HTML
    var str = "~ HELP ~ \n \n";
    str += "+: Somma \n";
    str += "-: Sottrai \n";
    str += "/: Dividi \n";
    str += "*: Moltiplica \n";
    str += "\\: Resto \n";
    str += "v: Radice quadrata \n";
    str += "C: Cancella \n";
    alert(str); // Stampo la stringa sopra costruita
}
</script>
</head>
<body onLoad="javascript:carica()"> <!-- Quando il browser carica la pagina esegue la funziona carica() -->
<div align="center">
<font style="font-size:14px; font-family: Comic Sans MS; color: #FF0000;">
Calcolatrice in HTML/JavaScript
</font>
<br><br>

<font style="font-size:10px; font-family: Comic Sans MS; color: #000000;">
Piccola calcolatrice basilare realizzata in HTML & JavaScript
</font>
<hr color="blue" />
<br>
<input type="text" size="28" id="numero" value=""><br><br>

<!-- Numeri -->
<button onClick="javascript:tasto('1')">1</button>
<button onClick="javascript:tasto('2')">2</button>
<button onClick="javascript:tasto('3')">3</button>
<button onClick="javascript:tasto('4')">4</button>
<button onClick="javascript:tasto('5')">5</button>
<br>
<button onClick="javascript:tasto('6')">6</button>
<button onClick="javascript:tasto('7')">7</button>
<button onClick="javascript:tasto('8')">8</button>
<button onClick="javascript:tasto('9')">9</button>
<button onClick="javascript:tasto('0')">0</button>
<br><br>

<!-- Operatori -->
<button onClick="javascript:tasto('+')">+</button>
<button onClick="javascript:tasto('-')">-</button>
<button onClick="javascript:tasto('/')">/</button>
<button onClick="javascript:tasto('*')">*</button>
<button onClick="javascript:tasto('%')">\</button>
<button onClick="javascript:radice(document.getElementById('numero').value)">v</button>
<br><br>

<!-- Altri tasti -->
<button onClick="javascript:tasto('(')">(</button>
<button onClick="javascript:tasto('.')">,</button>
<button onClick="javascript:tasto(')')">)</button>
<br><br>

<!-- Risultato e Cancella -->
<button onClick="javascript:calcola()">=</button>
<button onClick="javascript:cancella()">C</button>
<br><br>

<!-- Help -->
<a href="#" onClick="javascript:help()">Aiuto</a>

</div>

</body>
</html>