HOME

Contatti

MATEMATICA CON JAVASCRIPT


COSTRUISCI UNA SEMPLICE CALCOLATRICE ARITMETICA - pag. 2
INTERFACCIA GRAFICA DEL TASTIERINO NUMERICO


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

CANC

Cancella l'area di testo
APPROFONDIMENTO SUI LITERAL

Bottoni ed aree di testo

Sono elementi dei form. Su questo argomento sono presenti varie pagine di spiegazione nella nostra guida al linguaggio HTML raggiungibili cliccando su
APPROFONDIMENTO SUI FORM

Tabelle

Permettono di organizzare i dati in righe (orizzontali) e colonne (verticali).
Visto che la tabella della calcolatrice contiene 4 righe e 3 colonne, possiamo preparare uno schema come

<table border=1>
<tr><td colspan=3></td></tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</table>

Una volta preparato lo schema, non resta che inserire, tra i tag <td> e </td>, i vari contenuti.

APPROFONDIMENTO SULLE TABELLE

GENERATORE DI TABELLE


 

LE CALCOLATRICI PUBBLICATE

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

Da usare
Calcolatrice scientifica

 

 


COSTRUIRE LA CALCOLATRICE - PASSI

  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

Impariamo, innanzitutto, a costruire il tastierino numerico di una calcolatrice, con i tasti per le cifre, per il punto decimale e per cancellare (tasto CANC)

Se provate a premere un tasto vedrete che non succede nulla, infatti per il momento ci occupiamo solo dell'interfaccia grafica.

COSTRUIAMO IL FORM CHE CONTIENE TUTTO

Area di testo e pulsanti devono essere inseriti in un form che fa da contenitore al tutto.
Avremo quindi una struttura

<FORM name="MioForm">

Area di testo
Pulsanti

</FORM>

AREA DI TESTO
Codice:

<textarea cols=20 rows=2 value="" name="a" readonly> </textarea>

name="a"                Il nome dell'area di testo "a"
readonly                 Non si pu scrivere nell'area di testo con la tastiera
cols=20 rows=2       L'area ampia 20 colonne × 2 righe
PULSANTI

Tutti i bottoni sono ottenuti con il codice:

<input type="button" value = "valore">

Al posto di valore si sostituisce, di volta in volta, il testo che deve comparire sopra il bottone: ad esempio, per avere un bottone con scritto 2, dovremo usare il seguente codice:

<input type="button" value="2">

ASPETTO DEL TASTIERINO

Organizziamo il tutto in una tabella; nella prima riga l'area di testo occupa 3 colonne, mentre nelle altre tre righe inseriamo tre colonne in ognuna delle quali c' un pulsante. Ecco il codice completo, che puoi copiare ed incollare fra i tags <BODY> e </BODY> della tua pagina HTML (Clicca sull'area per evidenziarne il contenuto).

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