Programați un calculator în HTML

Există multe modalități diferite de a calcula cu ajutorul unui computer utilizând calculatorul încorporat, dar o altă modalitate este de a vă construi singur cod simplu HTML. Pentru a crea un calculator folosind HTML, aveți nevoie de câteva cunoștințe de bază despre HTML, după care introduceți codul necesar într-un editor de text și salvați-l ca fișier HTML. Apoi, puteți utiliza calculatorul deschizând fișierul HTML în browserul dvs. preferat. Acest lucru nu numai că vă permite să efectuați operații aritmetice în browserul dvs., dar puteți, de asemenea, să aflați câteva abilități de bază despre arta programării!

conținut

Pași
Partea 1Înțelegeți codul
Partea 2codul implicit pentru un calculator html
Partea 3creați propriul calculator
Partea 4utilizați calculatorul
Sfaturi

pași

Partea 1
Înțelegeți codul

Imaginea intitulată Crearea unui calculator utilizând HTML Pasul 1

Aflați ce face exact fiecare funcție HTML. Codul pe care îl veți folosi pentru a crea calculatorul dvs. constă în multe tipuri diferite de sintaxă care determină împreună diferitele elemente ale unui document. Faceți clic aici pentru o explicație despre acest proces, sau citiți mai departe pentru a afla mai multe despre ceea ce face fiecare linie de cod, pe care o veți utiliza pentru parierea calculatorului.

html: Această piesă de sintaxă indică restul documentului care limbă va fi utilizată în cod. Există mai multe limbi de codificare și în acest caz face pentru restul documentului este clar că este - ați ghicit-o - html.
cap: Spune documentului că tot ce vine după acesta este date despre date, numite și ele "metadate". -comanda este folosită de regulă pentru a defini elemente stilistice ale unui document, cum ar fi titluri, titluri, etc. Luați în considerare ca o umbrelă sub care este definită restul codului.
titlu: Aici este indicat titlul documentului dvs. Acest atribut este utilizat pentru a indica ce titlu primește documentul când este deschis într-un browser html.
organismul bgcolor ="#": Acest atribut stabilește culoarea fundalului paginii HTML și a corpului. Numărul din gama de ghilimele și după # corespunde cu unul culoarea specifică.
text ="": Această sintaxă stabilește culoarea textului documentului.
forma nume ="": Acest atribut specifică numele unui formular și este folosit pentru a construi structura a ceea ce vine după el, bazat pe ceea ce știe jаvascript despre sensul denumirii formularului. De exemplu, numele formularului pe care îl vom folosi este "calculator", pe care îl vom folosi pentru a crea o structură specifică pentru document.
tip de intrare ="": Aici se întâmplă ceva. Atributul "tip de intrare" indică parserului documentului ce fel de text există în valorile dintre ghilimele. De exemplu, acesta poate fi un text, o parolă, un buton (așa cum se va întâmpla cu calculatorul) etc.
valoare ="": Această comandă spune parserului documentului ce este inclus în tipul de intrare de mai sus. Pentru un calculator, acestea sunt cifre (1-9) și operații (+, -, *, /, =).
onclick ="": Această sintaxă descrie un eveniment, indicând faptul că trebuie să se întâmple ceva când se face clic pe buton. Pentru un calculator vrem ca textul fiecărui buton să fie recunoscut ca atare. Prin urmare, pentru butonul "6", plasăm document.calculator.ans.value + = `6` între ghilimele.
br: această etichetă creează o nouă linie în document, astfel încât textul (sau altceva) ulterior să fie plasat pe o linie următoare.
/ form, / body și / html: aceste comenzi sunt supape pentru comenzile corespunzătoare care au fost deschise anterior în document.

Partea 2
Codul implicit pentru un calculator HTML

Copiați codul de mai jos. Selectați textul din caseta de mai jos, trăgând cursorul din stânga jos a casetei în partea dreaptă sus cu butonul stâng al mouse-ului apăsat, astfel încât tot textul să devină albastru. Apoi apăsați `Command + C` pe un Mac sau `Ctrl + C` pe un PC pentru a copia codul în clipboard.

Calculator HTML
Răspunsul este

Imaginea intitulată Crearea unui calculator utilizând HTML Pasul 2

Partea 3
Creați propriul calculator

Imaginea intitulată Crearea unui calculator utilizând HTML Pasul 3

Deschideți un editor de text pe computer. Există mai multe programe de utilizat, dar pentru simplitate rămânem cu TextEdit sau Notepad.

Pe un Mac, faceți clic pe lupa din colțul din dreapta sus al ecranului pentru a deschide Spotlight. Odată ce ați ajuns acolo, tastați TextEdit și faceți clic pe programul TextEdit, care trebuie să fie acum selectat în albastru.
Pe un PC, deschideți meniul Start din partea stângă jos a ecranului. În bara de căutare, tastați Notepad și faceți clic pe aplicația Notepad, care va apărea în bara de căutare din dreapta.

Imaginea intitulată Crearea unui calculator utilizând HTML Pasul 4

Lipiți codul HTML pentru un calculator în document.

Pe un Mac, faceți clic pe corpul documentului și apăsați Comandă + V. Apoi faceți clic pe format în partea de sus a ecranului și apoi pe Faceți text simplu după lipirea codului.

Pe un PC, faceți clic pe corpul documentului și apoi pe Ctrl + V.

Imaginea intitulată Crearea unui calculator utilizând HTML Pasul 5

Salvați fișierul. Faceți acest lucru prin "Fișier" din meniul principal al ferestrei, apoi cu Salvați ca ... pe un PC sau pe un computer Salvați ... pe un Mac în meniul de selecție.

Imaginea intitulată Crearea unui calculator utilizând HTML Pasul 6

Adăugați o extensie HTML la numele fișierului. În meniul "Salvați ca ...", tastați numele fișierului, urmat de ".html", apoi faceți clic pe "Salvați". De exemplu, dacă doriți să apelați acest fișier "Primul meu calculator", salvați fișierul ca "Primul meu calculator.html".

Partea 4
Utilizați calculatorul

Imaginea intitulată Crearea unui calculator utilizând HTML Pasul 7

Găsiți fișierul pe care tocmai l-ați creat. Pentru a face acest lucru, tastați numele fișierului în Spotlight sau în bara de căutare a meniului Start așa cum este explicat în pasul anterior. Nu este necesar să tastați extensia "html".