Programmazione di una calcolatrice in html

1. Scopri cosa fa ogni funzione HTML. Il codice che utilizzerai per creare la tua calcolatrice è composto da molti diversi tipi di sintassi che insieme determinano i diversi elementi di un documento. Fare clic qui per una spiegazione di questo processo, oppure continua a leggere per saperne di più su cosa fa ogni riga di codice che utilizzerai per creare la calcolatrice.

• html: questo bit di sintassi dice al resto del documento quale lingua verrà utilizzata nel codice. Ci sono più lingue in cui codificare e in questo caso le rende
• testa: dice al documento che tutto ciò che viene dopo sono dati sui dati, alias "metadati". Esso
• titolo: Qui è indicato il titolo del tuo documento. Questo attributo viene utilizzato per specificare il titolo del documento quando viene aperto in un browser HTML.
• body bgcolor="#": questo attributo imposta il colore dello sfondo e del corpo della pagina HTML. Il numero all`interno della serie di virgolette e dopo il # corrisponde a a colore specifico.
• testo="": Questa sintassi imposta il colore del testo del documento.
• nome modulo="": Questo attributo specifica il nome di un modulo, e viene utilizzato per costruire la struttura di ciò che viene dopo, in base a ciò che Javascript conosce sul significato del nome del modulo. Ad esempio, il nome del modulo che useremo è `calcolatrice`, che useremo per creare una struttura specifica per il documento.
• tipo di input="": È qui che succede qualcosa. L`attributo `tipo di input` dice al parser del documento che tipo di testo è contenuto nei valori tra virgolette. Ad esempio, questo potrebbe essere un testo, una password, un pulsante (come sarà il caso con la calcolatrice), ecc.
• valore="": Questo comando dice al parser del documento cosa racchiudere nel tipo di input sopra. Per una calcolatrice, questi sono numeri (1-9) e operazioni (+,-,*,/,=).
• suClic="": questa sintassi descrive un evento, indicando che qualcosa dovrebbe accadere quando si fa clic sul pulsante. Per una calcolatrice, vogliamo che anche il testo su ciascun pulsante venga riconosciuto come tale. Quindi, prima del pulsante "6", mettiamo documento.calcolatrice.ans.valore+=`6` tra virgolette.
• Fra: questo tag crea una nuova riga nel documento in modo che il testo (o qualsiasi altra cosa) dopo di esso venga posizionato sulla riga successiva.
• /modulo, /corpo e /html: questi comandi sono valvole per i comandi corrispondenti aperti in precedenza nel documento.

Parte 2 di 4: codice di base per una calcolatrice HTML

1. Copia il codice qui sotto. Seleziona il testo nella casella sottostante tenendo premuto il tasto sinistro del mouse e trascinando il cursore dalla parte inferiore sinistra della casella verso l`alto a destra, rendendo tutto il testo blu. Quindi premi "Comando+C" su un Mac o "Ctrl+C" su un PC per copiare il codice negli appunti.

1. Apri un editor di testo sul tuo computer. Ci sono diversi programmi da usare, ma per semplicità rimarremo con TextEdit o Notepad.

• Su un Mac, fai clic sulla lente d`ingrandimento nell`angolo in alto a destra dello schermo per aprire Spotlight. Una volta lì, digita TextEdit e fai clic sul programma TextEdit, che ora dovrebbe essere selezionato in blu.
• Su un PC, apri il menu Start in basso a sinistra dello schermo. Nella barra di ricerca, digita blocco note e fai clic sull`applicazione Blocco note, che apparirà nella barra di ricerca a destra.

2. Incolla il codice HTML di una calcolatrice nel documento.

4. Aggiungi un`estensione HTML al nome del file. Nel menu "Salva con nome"...` digita il nome del file seguito da `.html`, quindi fare clic su `Salva`. Ad esempio, se vuoi nominare questo file "La mia prima calcolatrice", salva il file come "La mia prima calcolatrice".html`.

1. Trova il file che hai appena creato. Per fare ciò, digita il nome del file in Spotlight o nella barra di ricerca del menu Start come spiegato nel passaggio precedente. Non è necessario digitare anche l`estensione `html`.

2. Clicca sul tuo file per aprirlo. Il tuo browser predefinito aprirà la calcolatrice in una nuova pagina web.

3. Fare clic sui pulsanti della calcolatrice per utilizzarla. Le soluzioni alle tue equazioni ora appaiono nella barra delle risposte.