HOME

Contatti

MATEMATICA CON JAVASCRIPT


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


Precedente - Successivo
F
acciamo il punto.
Argomenti correlati:

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
APPROFONDIMENTO SUI LITERAL

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.
APPROFONDIMENTO SULLE VARIABILI

+

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.

E' possibile però anche introdurre un numero tipo 32.25.4, quindi non ci sono i controlli sui tasti.

COME FAR FUNZIONARE I TASTI


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
COME VARIARE IL CONTENUTO DELL'AREA DI TESTO

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

Schema form
CANCELLARE L'AREA DI TESTO

Introduciamo una funzione con il seguente codice

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

Cancellare corrisponde a fare in modo che il contenuto dell'area di testo sia una stringa vuota.
SCRIVERE LE CIFRE

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.

AVVIARE L'AZIONE

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

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

Ad esempio, in corrispondenza del tasto che ha il valore 7 scriveremo:

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

Invece, in corrispondenza del tasto C scriveremo:

<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...

 


INDICE              COSTRUIRE LA CALCOLATRICE - PASSI   Precedente -   1  -  2  -  3  -  4  -  5   - Successivo

©2002 - 2012 www.webfract.it