MATEMATICA CON JAVASCRIPT

COSTRUISCI UNA SEMPLICE CALCOLATRICE ARITMETICA - pag. 3
FAR FUNZIONARE I PULSANTI SUL TASTIERINO

Precedente - Successivo

I SIMBOLI

0 1 2 3 4 5 6 7 8 9

Le cifre della base dieci

⋅

il punto per separare la parte intera dalla parte decimale

C

Cancella l'area di testo

Function

Le funzioni in JavaScript permettono di scrivere del codice in un blocco in modo che possa essere utilizzato anche più volte quando sia necessario. La sintassi è:

function nome(argomenti){
     istruzioni;
}

dove al posto di nome possiamo scrivere un termine che ci ricordi lo scopo della funzione stessa.
Le istruzioni vanno separate dal punto e virgola.
Per riferirsi, o chiamare, una funzione, basta usare questa sintassi:

nome(valore degli argomenti)

Se gli argomenti mancano, occorre comunque inserire le parentesi.

Punti e gerarchia degli oggetti

Nel linguaggio JavaScript gli oggetti sono disposti gerarchicamente. Le proprietà o i metodi si dichiarano con l'uso dei punti.
Per approfondimenti sugli oggetti clicca qui

=

E' un'operatore di assegnazione, che serve a memorizzare in una variabile il valore scritto a secondo membro.

+

Se usato con le stringhe, serve a concatenarle.
Esempio
a='ciao'
b='Gianni'
c=a+b
Nella variabile c viene memorizzata la stringa 'ciao Gianni'

aggiungi('7')

Al posto del parametro n viene sostituito 7 ogni volta che n compare.

LE CALCOLATRICI PUBBLICATE

Con spiegazioni passo per passo
La più semplice calcolatrice
Calcolatrice con molte funzioni

Da usare
Calcolatrice scientifica

COSTRUIRE LA CALCOLATRICE

1. Presentazione
2. Interfaccia grafica del tastierino numerico.
3. Far funzionare i pulsanti sul tastierino.
4. Inserire i pulsanti per le operazioni e il tasto "uguale".
5. Inserire la seconda area di testo

Se provate a cliccare sui tasti con le cifre vedrete che nell'area di testo si forma il numero, mentre il tasto C cancella tutto.

A questo scopo, dobbiamo rispondere a due domande:

1. Qual è l'azione?
   1. Se si preme il tasto C cancellare tutto.
   2. Se si preme uno qualsiasi degli altri tasti aggiungere il simbolo relativo al contenuto dell'area di testo.
      
      
2. Quando deve avvenire l'azione?
   • Quando si preme il tasto corrispondente

Occorre incidere sulla proprietà value, che identifica il suo contenuto.
Vista la struttura ad albero degli oggetti in javascript, possiamo accedere a tale proprietà con il costrutto

Introduciamo una funzione con il seguente codice

function cancella() {
document.MioForm.a.value=''
}

Per comporre i numeri introduciamo una funzione con il seguente codice

function aggiungi(n) {
document.MioForm.a.value= document.MioForm.a.value+n
}

Questa funzione ha un'unica istruzione di assegnazione: la stringa presente nell'area di testo viene concatenata con n, il parametro che rappresenta l'argomento della funzione.
Introdurre una funzione come questa è molto comodo: infatti l'azione da compiere è sempre, in fondo, la stessa (aggiungere un simbolo alla stringa che si viene formando), mentre cambia soltanto il simbolo.

Le cifre devono essere aggiunte quando si premono i tasti corrispondenti. Ecco il codice generico:

<input type="button" value="valore" onClick="aggiungi('valore')">

<input type="button" value="7" onClick="aggiungi('7')">

<input type="button" value="C" onClick="cancella()">

IN EVIDENZA DAL SITO

CALCOLATRICE
SCIENTIFICA


CON SPIEGAZIONI
ED ESEMPI

TARTAMONDO - PER BAMBINI

AREA GIOCHI

... tanto altro ancora...