Sådan oprettes en lommeregner ved hjælp af HTML: 9 trin (med billeder)

Der er masser af måder at lave matematik på en stationær computer ved hjælp af en indbygget lommeregner, men en anden måde er at bygge en selv ved hjælp af en simpel HTML-kode. For at oprette en lommeregner ved hjælp af HTML, skal du lære nogle grundlæggende om HTML, og derefter kopiere den nødvendige kode i en teksteditor og gemme den med en HTML-udvidelse. Du kan derefter bruge din regnemaskine ved at åbne HTML-dokumentet i din yndlingsbrowser. Ved at gøre alt dette vil du ikke kun kunne gøre matematik i en browser, men du kan også lære nogle fundamentale om kunsten at kodning!

Trin

Del 1 af 4:

Forstå din kode

1. Lær, hvad hver HTML-funktion gør. Koden, du vil bruge til at oprette din regnemaskine, består af mange stykker af syntaks, der arbejder sammen for at definere forskellige elementer i et dokument. Klik her for en forklaring på, hvordan du gør dig bekendt med denne proces, Eller læs videre for at lære, hvad hver tekstlinje gør i koden, du bruger til at lave din regnemaskine.

html: Dette stykke syntaks fortæller resten af dokumentet, hvilket sprog der bruges i koden. Ved kodning, et antal sprog, der bruges til at kode, og fortæller resten af dokumentet, at det vil være i - du gættede det! - html.
hoved: Fortæller dokumentet, at alt under det er data om data, også kendt som "metadata". Det Kommandoen bruges normalt til at definere stilistiske elementer i et dokument, såsom titler, overskrifter og så videre. Tænk på det som en paraply under hvilken resten af koden er defineret.
titel: Det er her, hvor du vil navngive titlen på dit dokument. Denne attribut bruges til at definere, hvad dokumentets titel vil blive åbnet i en HTML-browser.
BODY BGCOLOR = "#": Denne attribut sætter farven på kodens baggrund og krop. Nummeret i dette sæt citater, der vises efter # svarer til en forudbestemt farve.
Text = "": Ordet i dette sæt citater sætter farven på teksten på dokumentet.
form navn ="": Denne attribut angiver navnet på en formular, som bruges til at opbygge strukturen af, hvad der kommer efter det baseret på, hvad jаvascript ved, at formularnavnet betyder. For eksempel vil det formularnavn vi bruge, er Calculator, som vil skabe en bestemt struktur til dokumentet.
Input Type ="": Det er her, hvor handlingen sker. Det "Input Type" Attributten fortæller dokumentet, hvilken slags tekst værdierne i resten af parenteserne er. For eksempel kan de være tekst, et kodeord, en knap (som den vil være for en lommeregner), og så videre.

Værdi ="": Denne kommando fortæller dokumentet, hvad der vil blive indeholdt i den angivne indtastningstype. For en lommeregner vises disse som vores tal (1-9) og operationer (+, -, *, /, =).
onclick ="": Denne syntaks beskriver en begivenhed, som fortæller dokumentet om, at der skal opstå noget, når knappen klikkes. For en lommeregner vil vi have den tekst, der vises i hver knap til ved at forstå som sådan. Så for "6" knappen, vi sætter dokument.lommeregner.ANS.Værdi + = `6` mellem citaterne.
br: Dette tag indleder en linjeafbrydelse i dokumentet, så det, der kommer, efter at det vises en linje under, hvad der kom før det.
/ form, / krop og / html: Disse kommandoer fortæller dokumentet, at de tilsvarende kommandoer, der blev indledt tidligere i dokumentet, slutter nu.

Del 2 af 4:

BASIC HTML CALCULATOR CODE

1. Kopier koden nedenfor. Fremhæv teksten i feltet nedenfor ved at holde markøren nede i øverste venstre hjørne af boksen og trække den til nederste højre hjørne af boksen, så hele teksten er blå. Derefter tryk på "Command + C" på en Mac eller "CTRL + C" På en pc for at kopiere koden udklipsholderen.

Del 3 af 4:

Oprettelse af din regnemaskine

1. Åbn et tekstredigeringsprogram på din computer. Der er en række programmer, du kan bruge, men for nemheds skyld og kvalitet anbefaler vi at bruge TextEdit eller Notepad..

På en Mac skal du klikke på forstørrelsesglaset øverst til højre på skærmen for at åbne spotlight. En gang der, skriv i TextEdit og klik på TextEdit-programmet, som nu skal fremhæves i blåt.
På en pc skal du åbne startmenuen i nederste venstre hjørne af skærmen. I søgefeltet skal du skrive Notesblok og klikke på Notesepad-applikationen, som vises i resultatlinjen til højre

Billedet med titlen Opret en lommeregner ved hjælp af HTML Trin 4

2. Indsæt HTML-koden for en lommeregner i dokumentet.

På en Mac skal du klikke på dokumentets krop og trykke på "Kommando + V". Du skal derefter klikke på "Format" øverst på skærmen og klik på "Gør almindelig tekst" Efter at have indsat koden.

På en pc skal du klikke på dokumentets krop og trykke på "CTRL + V".

Billedet med titlen Opret en lommeregner ved hjælp af HTML Trin 5

3. Gem filen. For at gøre dette skal du klikke på "Fil" knappen på øverste venstre hånd i dit vindue, og klik på "Gem som..." på en pc eller "Gemme..." på en Mac i menuen, der falder ned.

Billedet med titlen Opret en lommeregner ved hjælp af HTML Trin 6

4. Tilføj en HTML-udvidelse til filnavnet. I "Gem som..." Menu, skriv dit filnavn efterfulgt af ".html", og derefter klik "Gemme". For eksempel, hvis du ville ringe til denne fil min første lommeregner, ville du gemme filen som "Myfirstcalculator.html"

Del 4 af 4:

Ved hjælp af din regnemaskine

1. Find den fil, du lige har oprettet. For at gøre dette skal du indtaste navnet på din fil på Spotlight eller i Start-menuen Søgelinje som beskrevet i det foregående trin. Du behøver ikke at skrive "html" udvidelse.