Kuidas HTML-i abil kalkulaatorit luua

Lauaarvutis sisseehitatud kalkulaatori abil matemaatika tegemiseks on palju võimalusi, kuid teine ​​võimalus on see ise lihtsa HTML-koodi abil koostada. HTML-i abil kalkulaatori loomiseks tutvuge HTML-i põhitõdedega, seejärel kopeerige vajalik kood tekstiredaktorisse ja salvestage see HTML-laiendiga. Seejärel saate oma kalkulaatorit kasutada, avades oma lemmikbrauseris HTML-dokumendi. Seda kõike tehes ei saa te mitte ainult brauseris matemaatikat teha, vaid saate ka õppida kodeerimiskunsti põhitõdesid!

1
Siit saate teada, mida iga html-funktsioon teeb. Kalkulaatori loomiseks kasutatav kood koosneb paljudest süntaksi osadest, mis töötavad koos, et määratleda dokumendi erinevaid elemente. Klõpsake siin, et saada selgitusi selle protsessiga tutvumise kohta või lugege edasi, et saada teada, mida iga tekstirida teeb koodis, mida kasutate oma calculator.html loomiseks: see süntaksiosa räägib ülejäänud dokumenteerida, millist keelt koodis kasutatakse. Kodeerimisel kasutatakse kodeerimiseks mitmeid keeli ja ütleb ülejäänud dokumendile, et see on keeles – arvasite ära! – html.head: ütleb dokumendile, et kõik selle all on andmed andmete kohta, mida nimetatakse ka metaandmeteks. Käsku kasutatakse tavaliselt dokumendi stiilielementide, näiteks pealkirjade, pealkirjade jms määratlemiseks. Mõelge sellele kui vihmavarjule, mille all ülejäänud kood on määratletud.title: Siin saate oma dokumendi pealkirja nimetada. Seda atribuuti kasutatakse dokumendi pealkirja määramiseks, kui see avatakse html-brauseris.body bgcolor= “#”: see atribuut määrab koodi tausta ja keha värvi. Selle jutumärkide komplekti number, mis ilmub pärast #, vastab eelnevalt määratud värvile.text= “”: selles jutumärkide komplektis olev sõna määrab dokumendis oleva teksti värvi.vormi nimi=””: See atribuut määrab nime vormi, mida kasutatakse sellele järgneva struktuuri koostamiseks selle põhjal, mida Javascript teab, et selle vormi nimi tähendab. Näiteks vormi nimi, mida me kasutame, on kalkulaator, mis loob dokumendile document.input type=””: see on koht, kus toiming toimub. Atribuut “input type” ütleb dokumendile, mis tüüpi tekst on ülejäänud sulgudes olevad väärtused. Näiteks võivad need olla tekst, parool, nupp (nagu see on kalkulaatori puhul) ja nii edasi.value=””: See käsk ütleb dokumendile, mida ülaltoodud sisestustüüp sisaldab. Kalkulaatori jaoks kuvatakse need meie arvudena (1–9) ja toimingutena (+,-,*,/,=).onClick=””: see süntaks kirjeldab sündmust, mis ütleb dokumendile, et midagi peaks juhtuma, kui nuppu klõpsatakse. Kalkulaatori puhul soovime, et igas nupus kuvatavat teksti sellisena mõistetaks. Nii et nupu “6” jaoks paneme märkmete document.calculator.ans.value+=’6′ jutumärkide vahele.br: see silt käivitab dokumendis reavahetuse, nii et kõik, mis sellele järgneb, kuvatakse reana. enne seda./form, /body ja /html: need käsud ütlevad dokumendile, et dokumendis varem algatatud vastavad käsud on nüüd lõppemas.

2
Kopeerige allolev kood. Tõstke esile allolevas kastis olev tekst, hoides kursorit kasti vasakus ülanurgas all ja lohistades selle kasti alumisse paremasse nurka, nii et kogu tekst oleks sinine. Seejärel vajutage koodi lõikepuhvrisse kopeerimiseks Macis klahvikombinatsiooni Command+C või arvutis klahvikombinatsiooni Ctrl+C.

3
Avage arvutis tekstitöötlusprogramm. Saate kasutada mitmeid programme, kuid mugavuse ja kvaliteedi huvides soovitame kasutada TextEditi või Notepadi. ​​Macis klõpsake Spotlighti avamiseks ekraani paremas ülanurgas suurendusklaasil. Kui olete seal, tippige TextEdit ja klõpsake programmil TextEdit, mis peaks nüüd olema sinisega esile tõstetud. Avage arvutis ekraani vasakus alanurgas menüü Start. Tippige otsinguribale Notepad ja klõpsake rakendust Notepad, mis kuvatakse parempoolsel tulemusteribal

4
Kleepige dokumenti kalkulaatori HTML-kood. Macis klõpsake dokumendi sisul ja vajutage klahvikombinatsiooni “Command+V”. Seejärel peate pärast koodi kleepimist klõpsama nuppu “Vorminda” ja pärast koodi kleepimist nuppu “Tee tavaline tekst”. Klõpsake arvutis dokumendi sisul ja vajutage “Ctrl+V”.

5
Salvestage fail. Selleks klõpsake akna vasakus ülanurgas nuppu “Fail” ja seejärel klõpsake rippmenüüs “Salvesta nimega…” PC-arvutis või “Salvesta…” Macis. .

6
Lisage failinimele HTML-laiend. Sisestage menüüsse “Salvesta nimega…” oma faili nimi, millele järgneb “.html” ja seejärel klõpsake “Salvesta”. Näiteks kui soovite nimetada seda faili minu esimeseks kalkulaatoriks, salvestaksite faili nimega “Minu esimene kalkulaator.html”.

7
Otsige üles äsja loodud fail. Selleks tippige oma faili nimi Spotlightis või menüü Start otsinguribale, nagu eelmises etapis kirjeldatud. Te ei pea laiendit “html” tippima.

8
Klõpsake oma failil selle avamiseks. Teie vaikebrauser avab teie kalkulaatori uuel veebilehel.

9
Selle kasutamiseks klõpsake kalkulaatoril olevaid nuppe. Teie võrrandite lahendused kuvatakse lahenduste ribal.