Hoe om `n sakrekenaar met behulp van HTML te skep

Daar is baie maniere om wiskundige berekeninge op `n rekenaar te doen met behulp van die sakrekenaar wat ingesluit is in die stelsel, maar `n ander manier is om `n sakrekenaar jouself te bou met behulp van `n eenvoudige HTML-kode. Deur dit te doen, kan jy nie net wiskundige berekenings in `n blaaier doen nie, maar jy kan ook fundamentele dinge leer oor die kuns van kodering.

conținut

Stappe
Deel 1verstaan die kode
Deel 2stel die basiese html-kode vir `n sakrekenaar in
Deel 3skep die sakrekenaar
Deel 4gebruik die sakrekenaar
Wenke

stappe

Deel 1
Verstaan die kode

Prent getiteld Skep `n sakrekenaar met behulp van HTML Stap 1

Leer wat elke HTML-funksie doen. Die kode wat u gebruik om die sakrekenaar te skep, bestaan uit baie sintaks wat saamwerk om verskillende elemente van `n dokument te definieer. Klik hier vir `n meer gedetailleerde verduideliking oor hoe om vertroud te raak met hierdie proses of lees lees om te leer wat elke reël van die teks doen in die kode wat u gaan gebruik om hierdie sakrekenaar te maak.

html: Hierdie sintaksis vertel die res van die dokument watter soort taal in die kode gebruik word. Wanneer u `n kode skep, kan u `n aantal tale gebruik, en dit vertel die res van die dokument dat dit in die HTML-taal sal wees.
kop: dit vertel die dokument dat alles onder daardie opskrif inligting oor inligting is, beter bekend as metadata. Die opdrag word gebruik om stylelemente van `n dokument te definieer, soos titels, opskrifte, ens. Dink aan daardie opdrag as `n sambreel waarvolgens die res van die kode gedefinieer word.
titel: dit is waar jy die titel van jou dokument gaan plaas. Hierdie kenmerk word gebruik om te definieer wat die titel van die dokument sal wees wanneer dit in `n HTML-blaaier geopen word.
liggaam bgcolor = "#": Hierdie kenmerk stel die agtergrondkleur van die kode en die kleur van die liggaam in. Die getal tussen die aanhalings en dit verskyn na die "#" stem ooreen met a verstek kleur.
teks = "": Die woord in hierdie stel aanhalings stel die kleur van die teks in die dokument in.
vorm naam =""Hierdie eienskap spesifiseer die naam van `n vorm wat gebruik word om die struktuur van wat kom na gebaseer op jаvascript bekend as die betekenis van die "vorm naam" te bou. Byvoorbeeld, die "vorm naam" kenmerk wat gebruik word, is "sakrekenaar" (sakrekenaar), wat `n spesifieke struktuur vir die dokument sal skep.
inset tipe ="": dit is waar die aksies gebeur. Die kenmerk "invoer tipe" vertel die dokument watter soort teks die waardes in die res van die hakies is. Byvoorbeeld, hulle kan teks, `n wagwoord, `n knoppie wees (soos in die geval van die sakrekenaar) en so aan.
waarde ="": Hierdie opdrag vertel jou dokument wat sal die tipe inskrywing bevat wat hierbo gespesifiseer is. Vir `n sakrekenaar word dit getoon as nommers (van 1 tot 9) en operasies (+, -, *, /, =).
onclick ="": Hierdie sintaksis beskryf `n gebeurtenis, wat die dokument vertel dat daar iets gaan gebeur wanneer jy op daardie knoppie klik. Vir `n sakrekenaar wil ons hê dat die teks wat op elke knoppie vertoon word, verstaan word soos dit is. So vir die "6" -knoppie moet jy document.calculator.ans.value + = `6` tussen die aanhalings skryf.
br: hierdie merker begin `n lynbreek in die dokument, enigiets wat na daardie etiket verskyn, verskyn op die onderstaande lyn waar die lyn is.
/ vorm, / liggaam en / html: hierdie opdragte vertel jou dokument dat die ooreenstemmende opdragte wat vroeër in die dokument begin is reeds voltooi is.

Deel 2
Stel die basiese HTML-kode vir `n sakrekenaar in

Kopieer die onderstaande kode. Kies die teks in die onderstaande blokkie deur die wyser in die boonste linkerhoek van die boks te hou en sleep dit in die onderste regterkantste hoek van die tekskassie sodat al die teks blou is. Dan druk die "CMD" + "C" (op Mac) of "CTRL" + "C" (op Windows) sleutels om die kode na die klembord te kopieer.

HTML sakrekenaarDie resultaat is

Deel 3
Skep die sakrekenaar

Prent getiteld Skep `n sakrekenaar met behulp van HTML Stap 3

Open `n teksredigeringprogram op jou rekenaar. Daar is baie programme wat jy kan gebruik, maar om redes van gerief en kwaliteit is dit raadsaam om TextEdit of Notepad te gebruik.

Op `n Mac, klik op die vergrootglas in die regter boonste hoek van die skerm om die "Spotlight Search" oop te maak. Sodra jy daar is, tik TextEdit en klik op die TextEdit program, wat in blou gemerk moet wees.
Open in Windows die Start-menu in die onderste linkerkant van jou skerm. Tik Notepad in die soekbalk en klik op die Notepad-program, wat in die resultatebalk regs verskyn.

Prent getiteld Skep `n sakrekenaar met behulp van HTML Stap 4

Plak die HTML-kode van die sakrekenaar in die dokument.

Op `n Mac, klik op die liggaam van die dokument en druk die "CMD" + "V" sleutels. Dan moet jy op "Format" bo-aan die skerm klik en klik op "Tekst sonder formaat" nadat die kode geplak is.

In Windows, klik op die liggaam van die dokument en druk die "CTRL" + "V" sleutels.

Prent getiteld Skep `n sakrekenaar met behulp van HTML Stap 5

Stoor die lêer Om dit te doen, klik op die lêer knoppie in die linkerbovenhoek van die venster en klik op "Stoor as" (op Windows) of "Stoor" (op Mac) in die hangkieslys wat verskyn.

Prent getiteld Skep `n sakrekenaar met behulp van HTML Stap 6

Voeg die HTML-uitbreiding by die lêernaam. Tik in die "Stoor as" -kieslys die naam van jou lêer, gevolg deur die ".html" -uitbreiding, en klik dan op "Stoor." As jy byvoorbeeld "MyFirstCalculator" wil noem, moet jy dit stoor as "MyFirstCalculator.html".

Deel 4
Gebruik die sakrekenaar

Prent getiteld Skep `n sakrekenaar met behulp van HTML Stap 7

Vind die lêer wat jy pas geskep het. Om dit te doen, tik die naam van jou lêer in die Soek na Spotlight of in die soekkas van die Start-menu op u rekenaar soos beskryf in die vorige stap. U hoef nie die HTML-uitbreiding te skryf nie.