Costruisci una calcolatrice aritmetica passo per passo con javascript

Contatti	MATEMATICA CON JAVASCRIPT UNA SEMPLICE CALCOLATRICE Calcolatrice aritmetica con base decimale Calcolatrice aritmetica con basi decimale, esadecimale, ottale Calcolatrice scientifica

F
acciamo il punto.
Argomenti correlati:

metodo eval()

Valuta una data stringa trattandola come se fosse un'istruzione. La sintassi è:

Risultato=eval(stringa)

Esempio 1

Inserire nella casella di testo 3+4

Esempio 2

Inserire nella casella di testo '3'+'4'

Esempio 3

Inserire nella casella di testo '3 + 4'

Esempio 4

Inserire nella casella di testo 3 > 4

NOTA. Come si vede, i risultati sono diversi a seconda del literal usato.

Esempio 5: Inserire nella casella di testo 0x66
Esempio 6: Inserire nella casella di testo 066
Esempio 7: Inserire nella casella di testo 066+0x66
Esempio 8: Inserire nella casella di testo 1/4-066

Come si vede, i dati vengono convertiti sempre in base dieci, Javascript è in grado di usarli tutti insieme.

Esempio 9: Inserire nella casella di testo 2e+308
Esempio 10: Inserire nella casella di testo 2e-324
Esempio 11: Inserire nella casella di testo Math.PI
Esempio 11: Inserire nella casella di testo Math.pow(2,5)

NOTA. In questi ultimi due esempi abbiamo fatto uso delle proprietà e dei metodi dell'oggetto Math.

Ecco una semplice calcolatrice: basta inserire nella casella di testo in alto una espressione aritmetica e, premendo sul tasto =, otteniamo subito il risultato.

I simboli che possiamo usare fin da subito sono:

le parentesi tonde;
+    per l'addizione;
-    per la sottrazione;
/    per la divisione;
%    per trovare il resto di una divisione. Ad esempio (5 % 2 = 1)
Quest'ultimo operatore comunque non dà il risultato esatto con i numeri negativi, come del resto fanno tutte le calcolatrici.

Ma c'è di più! Scriviamo ad esempio 5 > 2: otterremo il risultato true. Infatti nella calcolatrice possiamo anche inserire i cosidetti operatori logici o relazionali che sono:

==    (ma proprio uguale uguale) per l'uguaglianza;
!=    diverso;
<    minore;
<=    minore o uguale;
>    maggiore;
>=    maggiore o uguale;

E ancora, lavora tranquillamente con i numeri esadecimali e ci dà il risultato in base 10, così per la base otto...

In questo senso, la calcolatrice converte automaticamente un numero scritto in base esadecimale o in base ottale in uno scritto in base decimale.

E, ancora, con questa calcolatrice si possono usare tutte le proprietà e i metodi dell'oggetto Math.

Ma non anticipiamo troppe cose, per ora ci limiteremo ad introdurre il magico metodo eval(), che valuta una data stringa trattandola come se fosse un'istruzione.
La sintassi che usiamo è MioForm.soluzione.value=eval(MioForm.espressione.value), cioè: valuta il contenuto della casella di testo in alto, di nome espressione, e scrivi il valore che hai trovato nella casella di nome soluzione.

Il codice per il suo funzionamento lascia stupiti per la sua semplicità:

IN EVIDENZA DAL SITO

CALCOLATRICE
SCIENTIFICA

CON SPIEGAZIONI
ED ESEMPI

TARTAMONDO - PER BAMBINI

AREA GIOCHI

... tanto altro ancora...

INDICE CALCOLATRICI: aritmetica con base decimale - con basi decimale, esadecimale, ottale - scientifica

MATEMATICA CON JAVASCRIPT

UNA SEMPLICE CALCOLATRICE