Kako kreirati kalkulator pomoću HTML jezika: 9 koraka

Matematički proračuni mogu se izvesti na računaru pomoću kalkulatora, ali zanimljivije za kreiranje kalkulatora kroz najjednostavniji HTML kod. Da biste to učinili, morate shvatiti temelje HTML-a, kopirati kôd u uređivač teksta i sačuvati ga pomoću HTML ekstenzije. Da biste iskoristili kalkulator, morate otvoriti HTML stranicu u pretraživaču. Opisane akcije neće obavljati samo izračune u pretraživaču, već i naučiti neke osnove programiranja.

Korake

Dio 1 od 4:

Osnove HTML-koda

jedan. Istražite glavne karakteristike HTML-a. Opisani kod pomoću kojeg možete kreirati kalkulator, uključuje mnoštvo sintaksenih elemenata koji definiraju različite parametre stranice. Pročitati Članak o tome kako učiti HTML, Ili pročitajte da biste saznali šta je ovdje predstavljen kod namijenjen.

Html: Ovaj sintaksni element ukazuje na jezik na kojem je program napisan. Prilikom pisanja koda može se koristiti nekoliko programskih jezika, tako da je oznaka Označava HTML jezik.
Glava: Unutar ove oznake postavlja parametre drugih podataka, odnosno takozvani metapodaci. U pravilu, tim Koristi se za određivanje parametara stilskih elemenata, poput naslova, titlova i tako dalje. Ova oznaka je vrsta kišobrana pod kojim je glavni dio programa.
Naslov: Ova oznaka određuje ime stranice koja će se prikazati u web pretraživaču kada ga otvorite.
Body Bgcolor = "#": Ovaj atribut postavlja boju pozadine u boji. Broj koji se unosi unutar citata nakon simbola # odgovara Definisana boja.
Tekst = "": Riječ koja se unosi unutar citata određuje boju stranice stranice.
Naziv oblika ="": Ovaj atribut definira naziv oblika koji se koristi za stvaranje strukture na osnovu činjenice da je jаvascript poznat na naziv oblika. U našem primjeru, vrijednost "kalkulator" koristit će se kao oblik obrasca koji će dovesti do stvaranja posebne strukture stranice.
Tip unosa ="": Ovo je možda glavni atribut koji određuje koji elementi stranice odgovaraju vrijednostima unesenim unutar citata. Na primjer, takvi elementi mogu biti tekstovi, lozinke, tipke (kao u našem slučaju s kalkulatorom) i tako dalje.
Vrijednost ="": Ova naredba definira znakove koji su prikazani na elementima navedenim u atributu "Ulaz =". U slučaju kalkulatora, ti su simboli brojevi (1-9) i matematičke operacije (+, -, *, /, =).
onclick ="": Ova sintaksa opisuje događaj koji se mora pojaviti kada pritisnete dugme. U slučaju kalkulatora, morate napraviti simbol prikazan na gumb, shvatio je sistemski sustav. Na primjer, ako se na gumb prikazuje cifra 6, morate unijeti sljedeću vrijednost u navodnicima: Dokument.Kalkulator.Ans.Vrijednost + = `6`.
Br: Ova oznaka pokreće rizik od linije na stranici, tako da će sve što se nalazi nakon ove oznake bit će prikazano na sljedećoj liniji.
/ Oblik, / tijelo i / html: Ovo zatvaraju oznake koje dovršavaju procese koji rade odgovarajuće oznake otvaranja.

2. dio 4:

Osnovni HTML kod za stvaranje kalkulatora

jedan. Kopirajte kod ispod. Da biste istaknuli kôd, pomaknite kursor u gornji lijevi ugao prozora, držite lijevu tipku miša i povucite kursor u donji desni ugao kôda prozora bit će označen u plavoj boji. Zatim kliknite "Command + C" (u Mac OS) ili "Ctrl + C" (u sustavu Windows) da kopirate kôd u međuspremnik.

HTML kalkulator bgcolor = "# 000000" Tekst = "Zlato"> Ime ="Kalkulator" > Tip ="Dugme" Vrijednost ="jedan" onclick ="Dokument.Kalkulator.Ans.Vrijednost + = `1`"> Tip ="Dugme" Vrijednost ="2" onclick ="Dokument.Kalkulator.Ans.Vrijednost + = `2`"> Tip ="Dugme" Vrijednost ="3" onclick ="Dokument.Kalkulator.Ans.Vrijednost + = `3`">
 Tip ="Dugme" Vrijednost ="4" onclick ="Dokument.Kalkulator.Ans.Vrijednost + = `4`"> Tip ="Dugme" Vrijednost ="pet" onclick ="Dokument.Kalkulator.Ans.Vrijednost + = `5`"> Tip ="Dugme" Vrijednost ="6" onclick ="Dokument.Kalkulator.Ans.Vrijednost + = `6`"> Tip ="Dugme" Vrijednost ="7" onclick ="Dokument.Kalkulator.Ans.Vrijednost + = `7`">
 Tip ="Dugme" Vrijednost ="osam" onclick ="Dokument.Kalkulator.Ans.Vrijednost + = `8`"> Tip ="Dugme" Vrijednost ="devet" onclick ="Dokument.Kalkulator.Ans.Vrijednost + = `9`"> Tip ="Dugme" Vrijednost ="-" onclick ="Dokument.Kalkulator.Ans.Vrijednost + = `-`"> Tip ="Dugme" Vrijednost ="+" onclick ="Dokument.Kalkulator.Ans.Vrijednost + = `+`">
 Tip ="Dugme" Vrijednost ="*" onclick ="Dokument.Kalkulator.Ans.Vrijednost + = `*"> Tip ="Dugme" Vrijednost ="/" onclick ="Dokument.Kalkulator.Ans.Vrijednost + = `/`"> Tip ="Dugme" Vrijednost ="0" onclick ="Dokument.Kalkulator.Ans.Vrijednost + = `0`"> Tip ="Resetovati" Vrijednost ="Resetovati"> Tip ="Dugme" Vrijednost ="=" onclick ="Dokument.Kalkulator.Ans.Vrijednost = eval (dokument).Kalkulator.Ans.Vrijednost)">
Rješenje Istip ="Textfield" Ime ="Ans" Vrijednost ="">

3. dio 4:

Izrada kalkulatora

jedan. Na računaru otvorite uređivač teksta. Postoji mnogo sličnih programa, ali preporučujemo upotrebu TexteDit-a ili bilježnice.

U Mac OS-u kliknite ikonu u obliku povećanja (u gornjem desnom uglu ekrana) da biste otvorili reflektor. Unesite "TexteDit" i kliknite na TexteDit program koji će biti istaknut u plavoj boji.
U operativnom sistemu Windows otvorite startni meni (u donjem levom uglu ekrana). U traci za pretraživanje unesite "Notepad" i kliknite na program Notepad, koji će se prikazati u liniji rezultata pretraživanja (desno).

Slika pod nazivom Kreirajte kalkulator pomoću HTML-a 4

2. Umetnite kopirani HTML kod u tekstualni dokument.

Mac OS Kliknite na dokument i kliknite "Command + V". Zatim kliknite "Format" (na vrhu ekrana) - "Kreirajte tekstualni dokument".

U Windows-u kliknite na dokument i kliknite "Ctrl + V".

Slika pod nazivom Kreirajte kalkulator pomoću HTML Korak 5

3. Spremite datoteku. Da biste to učinili, kliknite "Datoteka" (u gornjem lijevom uglu prozora), a zatim kliknite "Spremi kao" (u sustavu Windows) ili "Save" (u mac OS).

Slika pod nazivom Kreirajte kalkulator pomoću HTML-a 6 6

4. Dodajte proširenje na naziv datoteke .Html. U prozoru "Spremi kako" unesite naziv datoteke uz proširenje .Html, a zatim kliknite "Save". Na primjer, ako želite nazvati datoteku "Moj proizvođač cool", sačuvajte ga kao matični kalkulator.Html.

Dio 4 od 4:

Koristeći kalkulator

jedan. Pronađite kreiranu datoteku. Da biste to učinili, unesite naziv datoteke u reflektor ili u retku za pretraživanje start (kako je opisano u prethodnom dijelu). Proširenje .HTML ne treba ući.