Program `n sakrekenaar in HTML

Daar is baie verskillende maniere om te bereken met `n rekenaar met behulp van die ingeboude sakrekenaar, maar `n ander manier is om jouself self te bou met eenvoudige HTML-kode. Om `n sakrekenaar met behulp van HTML te skep, benodig jy basiese kennis van HTML, waarna jy die vereiste kode in `n teksredigeerder invoer en dit as `n HTML-lêer stoor. U kan dan die sakrekenaar gebruik deur die HTML-lêer in u gunsteling blaaier oop te maak. Dit stel u nie alleen in staat om rekenkundige bewerkings in u blaaier te doen nie, maar u kan ook basiese vaardighede oor die kuns van programmering leer!

conținut

Stappe
Deel 1verstaan die kode
Deel 2verstekkode vir `n html-sakrekenaar
Deel 3skep jou eie sakrekenaar
Deel 4gebruik jou sakrekenaar
Wenke

stappe

Deel 1
Verstaan die kode

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

Leer wat elke HTML-funksie presies doen. Die kode wat u sal gebruik om u sakrekenaar te skep, bestaan uit baie verskillende tipes sintaksis wat saam die verskillende elemente van `n dokument bepaal. Klik hier vir `n verduideliking oor hierdie proses, of lees verder om meer te leer oor wat elke reël kode doen, wat jy sal gebruik om die sakrekenaar te wedden.

html: Hierdie sintaksis vertel die res van die dokument watter taal in die kode gebruik sal word. Daar is verskeie tale om te kodeer en in hierdie geval maak Vir die res van die dokument is dit duidelik dat dit is - jy raai dit - html.
head: Sê die dokument dat alles wat daarop volg, data oor data is, ook genoem "metadata". die -Opdrag word gewoonlik gebruik om stilistiese elemente van `n dokument te definieer, soos titels, opskrifte, ens. Beskou dit as `n sambreel waarvolgens die res van die kode gedefinieer word.
title: Hier word die titel van u dokument aangedui. Hierdie kenmerk word gebruik om aan te dui watter titel die dokument ontvang wanneer dit in `n html-blaaier geopen word.
liggaam bgcolor ="#": Hierdie kenmerk stel die kleur van die agtergrond van die HTML-bladsy en die liggaam op. Die getal binne die omvang van aanhalingstekens en nadat die # ooreenstem met een spesifieke kleur.
teks ="": Hierdie sintaksis stel die kleur van die teks van die dokument in.
vorm naam ="": Dit kenmerk spesifiseer die naam van `n vorm, en word gebruik vir die bou van die struktuur van dit wat erna kom, op die basis van dit wat jаvascript weet van die betekenis van die naam van die vorm. Byvoorbeeld, die vorm naam wat ons gaan gebruik, is `sakrekenaar`, wat ons sal gebruik om `n spesifieke struktuur vir die dokument te skep.
inset tipe ="": Dit is waar iets gebeur. Die kenmerk `invoer tipe` vertel die parser van die dokument watter soort teks daar is in die waardes tussen die aanhalingstekens. Dit kan byvoorbeeld `n teks, `n wagwoord, `n knoppie wees (soos dit met die sakrekenaar sal gebeur), ens.
waarde ="": Hierdie opdrag vertel die parser van die dokument wat ingesluit is in die bogenoemde inset tipe. Vir `n sakrekenaar is dit syfers (1-9) en bewerkings (+, -, *, /, =).
onclick ="": Hierdie sintaksis beskryf `n gebeurtenis wat aandui dat iets moet gebeur wanneer die knoppie geklik word. Vir `n sakrekenaar wil ons hê dat die teks op elke knoppie as sodanig herken word. Dus vir die `6`-knoppie plaas ons document.calculator.ans.value + =` 6 `tussen die aanhalingstekens.
br: hierdie tag skep `n nuwe reël in die dokument, sodat die teks (of iets anders) daarna op `n volgende reël geplaas word.
/ vorm, / liggaam en / html: Hierdie opdragte is kleppe vir die ooreenstemmende opdragte wat voorheen in die dokument geopen is.

Deel 2
Verstekkode vir `n HTML-sakrekenaar

Kopieer die onderstaande kode. Kies die teks in die blokkie hieronder, deur die wyser van onder in die boks na regs te sleep met die linker muisknop gedruk, sodat alle teks blou word. Druk dan `Command + C` op `n Mac of `Ctrl + C` op `n rekenaar om die kode na die klembord te kopieer.

HTML Sakrekenaar
Die antwoord is

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

Deel 3
Skep jou eie sakrekenaar

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

Open `n teksredakteur op jou rekenaar. Daar is verskeie programme om te gebruik, maar vir eenvoud hou ons by TextEdit of Notepad.

Klik op `n Mac op die vergrootglas in die boonste regterkantste hoek van die skerm om kollig te maak. Sodra jy daar aangekom het, tik TextEdit en klik op die TextEdit program, wat nou in blou gekies moet word.
Op `n rekenaar maak jy die Start-menu onder in die skerm oop. Tik Notepad in die soekbalk en klik op die Notepad-program wat in die soekbalk regs verskyn.

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

Plak die HTML-kode vir `n sakrekenaar in die dokument.

Op `n Mac, klik op die liggaam van die dokument en druk Opdrag + V. Klik dan op format bo-aan die skerm en dan aan Maak gewone teks nadat die kode geplak is.

Klik op `n rekenaar op die liggaam van die dokument en dan op Ctrl + V.

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

Stoor die lêer. Jy doen dit via `Lêer` in die hoofkieslys van die venster, en dan met Stoor as ... op `n rekenaar of Stoor ... op `n Mac in die keusemenu.

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

Voeg `n HTML-uitbreiding by die lêernaam. Tik in die menu `Stoor as ...` die lêernaam, gevolg deur `. HTML` en klik dan op `Stoor`. Byvoorbeeld, as u hierdie lêer `My eerste sakrekenaar` wil bel, stoor u die lêer as `My eerste calculator.html`.

Deel 4
Gebruik jou sakrekenaar

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

Vind die lêer wat jy net geskep het. Om dit te doen, tik die naam van die lêer in Kollig of in die soekbalk van die Start-kieslys soos verduidelik in die vorige stap. Dit is nie nodig om ook die `html`-uitbreiding te tik nie.