Sådan oprettes en kalkulator ved hjælp af HTML

Der er flere måder at lave beregninger på din computer ved hjælp af den forudinstallerede regnemaskine, men en anden måde er at bygge din egen med en simpel HTML-kode. Så du kan ikke kun lave matematiske beregninger i en browser, men du vil også lære det grundlæggende i programmeringen!

indhold

Trin

Metode 1forstå koden
Metode 2regnemaskine html kode base

Video: scp-896 online role playing game | safe class | computer / video game / transfiguration scp

Metode 3oprettelse af regnemaskinen
Metode 4brug af regnemaskinen

Video: imax webcam - for video surveillance and security of your home[freeandroid]
Tips

trin

Metode 1
Forstå koden

Lær, hvad hver html-funktion gør. Koden, der bruges til at oprette regnemaskinen, består af flere syntaksstykker, der arbejder sammen om at definere forskellige elementer i et dokument. Klik her for at lære at blive fortrolig med processen eller fortsæt med at læse for at lære, hvad du gør i koden, hver af de tekstlinjer, der skal bruges til at oprette regnemaskinen.

html: dette stykke syntaks fortæller resten af dokumentet hvilket sprog der bruges i koden. I programmeringen er der mange sprog og tagget angiver til resten af dokumentet, hvad koden vil være på - du gættede det! - html.
hoved: angiver til dokumentet, at alt skrevet nedenfor er sammensat af data, også kendt som "metadata". Taggen bruges ofte til at definere stilistiske elementer i et dokument, f.eks. overskrifter, overskrifter og så videre. Tænk på det som en paraply, under hvilken resten af koden vil blive indstillet.
titel: Det er her du hedder dokumentets titel. Denne attribut bruges til at definere, hvilken titel der vil blive vist i browseren, så snart siden åbnes.
krop bgcolor = "#": denne tag definerer baggrundsfarven på sidens krop. Nummeret indeholdt i citatmærker efter # svarer til a forudbestemt farve.
text = "": ordet placeres mellem anførselstegn definerer farven på teksterne i dokumentet.
form navn = "": angiver navnet på en formular, der kan bruges i opførelsen af følgende, baseret på dets betydning som forstået af jаvascript. Dette vil for eksempel være navnet på den formular, vi vil bruge i regnemaskinen, og det vil skabe en specifik struktur for dokumentet.
input type = "": Det er her, hvor alt handlingen sker. Denne egenskab fortæller dokumentet hvilken type tekst værdierne vil være i resten af parenteserne. For eksempel kunne de have tekstformular, adgangskode, knap (som i tilfældet med regnemaskinen) og så videre.
værdi = "": Denne kommando fortæller dokumentet, hvad der vil blive indeholdt i den indtastede type, der er angivet ovenfor. I regnemaskinen vises de i form af tal (1-9) og operationer (+, -, *, /, =).
onclick = "": Sådan syntaks beskriver en begivenhed, der fortæller dokumentet, at der skal ske noget, når knappen klikkes. I en regnemaskine ønsker vi, at teksten vises på hver knap for at blive forstået som sådan. Så for knap "6" vil vi vedhæfte citatmærker i document.calculator.ans.value + = `6`.
br: Dette mærke starter en linjeskift i dokumentet, så alt som følger vil fremgå en linje under det, der tidligere var.
/ form, / body og / html: Disse kommandoer fortæller dokumentet, at de tilsvarende tags, der tidligere er startet, nu slutter.

Metode 2
Regnemaskine html kode base

Kopier koden nedenfor. Vælg den tekst, der er til stede i boksen nedenfor, ved at holde musen nede i øverste venstre hjørne og bringe markøren i nederste højre hjørne og lade den være helt blå. Tryk derefter på "CMD + C" på en Mac eller "CTRL + C" i Windows for at kopiere koden til downloadmappen.

Video: SCP-896 Online Role Playing Game | Safe class | computer / video game / transfiguration scp

HTML-kalkulatorLøsningen er

Metode 3
Oprettelse af regnemaskinen

Billede med titlen Opret en kalkulator ved hjælp af HTML Trin 3

Åbn en teksteditor på din computer. Der er flere programmer, som du kan bruge, men for nemheds skyld og kvalitet anbefaler vi at bruge Tekstredigerer eller Notesblok.

På en Mac skal du klikke på forstørrelsesglasset øverst til højre på skærmen og åbne Spotlight. Skriv "Text Editor", og applikationen skal vises, markeret med blå.
I Windows skal du åbne menuen Start i nederste venstre hjørne af skærmen. Skriv "Notepad" i søgefeltet og klik på applikationen, som vises i resultatvinduet til højre.

Billede med titlen Opret en kalkulator ved hjælp af HTML Trin 4

Indsæt HTML-kalkulator-koden i dokumentet.

På Mac`en skal du klikke på dokumentets krop og trykke på "CMD + V"Så skal du klikke på"format"øverst på skærmen og klik på"Konverter til almindelig tekst"efter du har indsat teksten.
I Windows skal du klikke på dokumentets krop og trykke på "CTRL + V".

Billede med titlen Opret en kalkulator ved hjælp af HTML Trin 5

Gem filen. For at gøre det skal du klikke på "Mit billede"i øverste venstre hjørne af vinduet og vælg"Gem som ..."på Windows eller"Gem ..."på Mac i rullemenuen.

Billede med titlen Opret en kalkulator ved hjælp af HTML Trin 6

Tilføj html-udvidelsen til filnavnet. I "Gem som ...", indtast filnavnet efterfulgt af".html"og klik på"spare"For eksempel, hvis du vil kalde det Min FirstCalculator, du skal gemme det som "Min FirstCalculator.html".

Metode 4
Brug af regnemaskinen

Billede med titlen Opret en kalkulator ved hjælp af HTML Step 7

Find den nyoprettede fil. For at finde det skal du indtaste filnavnet i Spotlight eller søgefeltet i menuen "Start" som beskrevet i det foregående trin. Du behøver ikke at indtaste "html" udvidelsen.