Cum se creează un calculator folosind limba HTML: 9 pași

Calculele matematice pot fi efectuate pe un computer utilizând un calculator, dar mai interesant de a crea un calculator prin cel mai simplu cod HTML. Pentru a face acest lucru, trebuie să vă dați seama de fundamentele HTML, copiați codul la editorul de text și salvați-l cu extensia HTML. Pentru a profita de calculator, trebuie să deschideți o pagină HTML în browser. Acțiunile descrise nu numai că vor efectua calcule în browser, dar, de asemenea, să învețe câteva elemente de bază ale programului.

Pași

Partea 1 din 4:

Elementele de bază ale codului HTML

unu. Explorați principalele caracteristici ale HTML. Codul descris prin care puteți crea un calculator, include o multitudine de elemente de sintaxă care definesc diverse parametri de pagină. Citit Articol despre cum să înveți HTML, Sau citiți mai departe pentru a afla ce este destinat codul reprezentat aici.

HTML: Acest element de sintaxă indică o limbă pe care este scris programul. La scrierea codului, pot fi utilizate mai multe limbi de programare, deci eticheta Indică limba HTML.
Cap: În interiorul acestei etichete stabilește parametrii altor date, adică așa-numita metadatea este indicată. De regulă, echipa Utilizate pentru a determina parametrii elementelor stilistice, cum ar fi titlurile, subtitrările și așa mai departe. Această etichetă este un fel de umbrelă sub care este partea principală a programului.
Titlu: Această etichetă determină numele paginii care va fi afișat în browserul web când îl deschideți.
Corp bgcolor = "#": Acest atribut stabilește culoarea culorii fundalului. Numărul introdus în interiorul citatelor după simbol # corespunde Culoare definită.
Text = "": Cuvântul introdus în interiorul citatelor determină culoarea paginii paginii.
Nume de nume ="": Acest atribut definește numele formei care este utilizat pentru a crea o structură bazată pe faptul că jаvascript este cunoscut de numele formularului. În exemplul nostru, valoarea "calculator" va fi utilizată ca formă a formei, care va duce la crearea unei structuri speciale a paginii.
Tipul de intrare ="": Acesta este, probabil, atributul principal care determină ce elemente ale paginii corespund valorilor introduse în interiorul citatelor. De exemplu, astfel de elemente pot fi texte, parole, butoane (ca în cazul nostru cu un calculator) și așa mai departe.
Valoare ="": Această comandă definește caracterele afișate pe elementele specificate de atributul "Input Type =". În cazul unui calculator, aceste simboluri sunt numere (1-9) și operații matematice (+, -, *, /, =).
onclick ="": Această sintaxă descrie un eveniment care trebuie să apară când apăsați butonul. În cazul unui calculator, trebuie să faceți simbolul afișat pe buton, a fost înțeles literalmente din sistem. De exemplu, dacă o cifră 6 este afișată pe buton, trebuie să introduceți următoarea valoare în Citate: Document.Calculator.ANS.Valoare + = `6`.
Br: Această etichetă inițiază riscul liniei de pe pagină, deci tot ceea ce se află după această etichetă va fi afișat pe următoarea linie.
/ Formă, / corp, și / html: Acestea sunt etichete de închidere care completează procesele care rulează etichetele de deschidere corespunzătoare.

Partea 2 din 4:

Codul HTML de bază pentru a crea un calculator

unu. Copiați codul de mai jos. Pentru a evidenția codul, mutați cursorul în colțul din stânga sus al ferestrei, țineți apăsat butonul stâng al mouse-ului și trageți cursorul în colțul din dreapta jos al codului ferestrei va fi evidențiat în albastru. Apoi faceți clic pe "Command + C" (în Mac OS) sau "Ctrl + C" (în Windows) pentru a copia codul în clipboard.

Calculator HTML Bgcolor = "# 000000" Text = "AUR"> Nume ="Calculator" > Tip ="Buton" Valoare ="unu" onclick ="Document.Calculator.ANS.Valoare + = `1`"> Tip ="Buton" Valoare ="2" onclick ="Document.Calculator.ANS.Valoare + = `2`"> Tip ="Buton" Valoare ="3" onclick ="Document.Calculator.ANS.Valoare + = `3`">
 Tip ="Buton" Valoare ="4" onclick ="Document.Calculator.ANS.Valoare + = `4`"> Tip ="Buton" Valoare ="cinci" onclick ="Document.Calculator.ANS.Valoare + = `5`"> Tip ="Buton" Valoare ="6" onclick ="Document.Calculator.ANS.Valoare + = `6`"> Tip ="Buton" Valoare ="7" onclick ="Document.Calculator.ANS.Valoare + = `7`">
 Tip ="Buton" Valoare ="opt" onclick ="Document.Calculator.ANS.Valoare + = `8`"> Tip ="Buton" Valoare ="nouă" onclick ="Document.Calculator.ANS.Valoare + = `9`"> Tip ="Buton" Valoare ="-" onclick ="Document.Calculator.ANS.Valoare + = `-`"> Tip ="Buton" Valoare ="+" onclick ="Document.Calculator.ANS.Valoare + = `+`">
 Tip ="Buton" Valoare ="*" onclick ="Document.Calculator.ANS.Valoare + = `*"> Tip ="Buton" Valoare ="/" onclick ="Document.Calculator.ANS.Valoare + = `/`"> Tip ="Buton" Valoare ="0" onclick ="Document.Calculator.ANS.Valoare + = `0`"> Tip ="Resetare" Valoare ="Resetare"> Tip ="Buton" Valoare ="=" onclick ="Document.Calculator.ANS.Valoare = Eval (document.Calculator.ANS.Valoare)">
Soluție isType ="TextField" Nume ="ANS" Valoare ="">

Partea 3 din 4:

Crearea unui calculator

unu. Pe computer, deschideți un editor de text. Există multe programe similare, dar vă recomandăm să utilizați textedit sau notebook.

În Mac OS, faceți clic pe pictograma sub formă de geam de lupă (în colțul din dreapta sus al ecranului) pentru a deschide lumina reflectoarelor. Introduceți "TEXTEDIT" și faceți clic pe programul Textedit, care va fi evidențiat în albastru.
În Windows, deschideți meniul Start (în colțul din stânga jos al ecranului). În bara de căutare, introduceți "Notepad" și faceți clic pe programul Notepad, care va fi afișat în linia de rezultate Căutare (dreapta).

Imagine intitulată Creați un calculator utilizând HTML Pasul 4

2. Introduceți codul HTML copiat în documentul text.

Mac OS Faceți clic pe document și faceți clic pe "Command + V". Apoi faceți clic pe "Format" (în partea de sus a ecranului) - "Creați un document text".

În Windows, faceți clic pe document și faceți clic pe "Ctrl + V".

Imagine intitulată Creați un calculator utilizând HTML Pasul 5

3. Salvați fișierul. Pentru a face acest lucru, faceți clic pe "Fișier" (în colțul din stânga sus al ferestrei), apoi faceți clic pe "Salvați ca" (în Windows) sau "Salvați" (în Mac OS).

Imagine intitulată Creați un calculator utilizând HTML Pasul 6

4. Adăugați o extensie la numele fișierului .HTML. În fereastra "Salvați Cum", introduceți numele fișierului cu extensia .HTML, apoi faceți clic pe "Salvați". De exemplu, dacă doriți să apelați fișierul "My Maker Cool", salvați-l ca un calculator al mamei.HTML.

Partea 4 din 4:

Folosind un calculator

unu. Găsiți fișierul creat. Pentru a face acest lucru, introduceți numele fișierului în Spotlight sau în rândul de căutare din meniul Start (așa cum este descris în partea anterioară). Extensie .HTML nu trebuie să intre.