Sådan opretter du en lommeregner med HTML

Forfatter: John Stephens
Oprettelsesdato: 21 Januar 2021
Opdateringsdato: 14 Kan 2024
Anonim
Sådan opretter du en lommeregner med HTML - Hvordan
Sådan opretter du en lommeregner med HTML - Hvordan

Indhold

I denne artikel: Forstå koden Skrive lommeregnerens grundlæggende kode Opret regnemaskinen Brug lommeregneren11 Referencer

Der er mange måder at udføre beregninger på din computer ved hjælp af den indbyggede lommeregner, men du kan også oprette din egen ved hjælp af bare HTML-kode. For at gøre dette skal du lære det grundlæggende i HTML, før du kopierer den nødvendige kode til en e-fil, du gemmer med filendelse.html. Åbn derefter filen i din foretrukne browser for at få adgang til lommeregneren. Denne teknik giver dig mulighed for at udføre beregninger direkte i din browser, mens du lærer det grundlæggende i kunsten at programmere computeren.


etaper

Del 1 Forståelse af koden



  1. Forstå, hvordan koden fungerer. Koden, du vil bruge til at oprette lommeregneren, er baseret på små kodestykker, der arbejder med hinanden til at definere forskellige elementer i dokumentet. Du kan lære mere om HTML ved at klikke på dette link, eller du kan læse, hvad hver linje gør i den kode, du skal bruge til lommeregneren.
    • html: dette stykke kode angiver for resten af ​​dokumentet det anvendte sprog. Der bruges mange forskellige programmeringssprog, og mærket indikerer for resten af ​​dokumentet, at det denne gang er HTML, du bruger.
    • hoved : dette fortæller dokumentet, at følgende oplysninger er data, der også kaldes "metadata". Mærket bruges normalt til at definere stilistiske elementer i dokumentet, såsom titel, overskrifter osv. Det er som en paraply, hvor resten af ​​koden er defineret.
    • titel : Dette er den titel, du giver til dokumentet. Dette tag bruges til at vise titlen på dokumentet, når det først er åbnet i browseren.
    • body bgcolor = "#" : Dette indstiller en baggrundsfarve for dokumentet. Det antal, der vises efter den skarpe svarer til en forudbestemt farve.
    • = '' : Ordet i anførselstegn angiver farven på e på dokumentet.
    • formnavn = "" : Denne attribut angiver navnet på den form, der vil blive brugt til strukturen i det, der kommer efter, så JavaScript kan vide, hvilken form der bliver talt. For eksempel er formnavnet, som vi vil bruge, "lommeregner", som skaber dokumentets specifikke struktur.
    • input type = "" : det er her handlingen finder sted. Attributen "input type" fortæller dokumentet, hvilken værdi type det er for e i resten af ​​parenteserne. For eksempel kan det være e, et kodeord, en knap (som det vil være for vores lommeregner) og så videre.
    • value = "" : Denne attribut fortæller dokumentet, hvad "input type" attributten vil indeholde. For en lommeregner viser du numrene fra 1 til 9 og de aritmetiske tegn (+, -, *, /, =).
    • onclick = "" : Dette kodestykke beskriver en begivenhed, der fortæller dokumentet, at der skal ske noget, når knappen aktiveres. For en lommeregner ønsker du at vise det nummer, der svarer til den knap, som brugeren har trykket på. For eksempel, hvis knap 6 er aktiveret, vil du placere document.calculator.in.value + = 6 mellem anførselstegn.
    • br : det er et mærke, der angiver en linjeskift, resten af ​​koden der kommer næste vises en linje nedenfor.
    • / form, / body og / html Disse lukningskoder fortæller browseren, at de tags, du åbnede tidligere, nu er færdige og lukkede.

Del 2 Skriv lommeregnerens grundlæggende kode

Kopier koden nedenfor. Vælg e nedenfor ved at holde markøren nede fra øverste venstre hjørne af boksen og trække den til nederste højre hjørne, så hele e vises blå. Tryk derefter på "Kommando + C" på en Mac eller "Ctrl + C" på en pc for at kopiere e.


HTML-regnemaskine

Resultatet er

Del 3 Oprettelse af lommeregneren




  1. Åbn en e-fil på computeren. Der er mange programmer, du kan bruge, men af ​​hensyn til kvaliteten anbefales det at bruge Rediger eller Notepad.
    • På en Mac skal du bare klikke på forstørrelsesglasset øverst til højre på skærmen for at åbne Spotlight. Når du er åben, skal du indtaste Edit og klik på det program, der skal vælges i blåt.
    • Klik på en pc på en pc starten nederst til venstre. Skriv i søgefeltet notepad og klik på det program, der skal vises i resultaterne.


  2. Indsæt HTML-koden i dokumentet.
    • På en Mac skal du bare klikke på dokumentets hoveddel og trykke på "Kommando + V". Du skal derefter klikke på format øverst på skærmen og derefter tændt Vis i enkel e efter limning af koden.
    • Klik på en pc på kroppen og indsæt koden ved at trykke på "Ctrl + V".


  3. Gem filen. Klik bare på knappen fil øverst til venstre i vinduet og derefter tændt Gem som ... på en pc eller Gem ... på en Mac i rullemenuen, der vises.


  4. Tilføj HTML-udvidelsen. Når du først er i menuen, skal du skrive filnavnet efterfulgt af ".html", før du klikker på rekord. Hvis du f.eks. Vil kalde denne fil "min første lommeregner", kan du give den som navn: "MyPremierCalculette.html".

Del 4 Brug af lommeregneren



  1. Find HTML-filen. Skriv blot filnavnet i Spotlight på Mac eller i Windows Start-menu-søgelinjen. Det er ikke nødvendigt at skrive filtypenavnet.


  2. Klik på det for at åbne det. Din standardbrowser skal åbne lommeregneren i en ny fane.


  3. Klik på knapperne for at bruge det. Resultaterne af dine beregninger skal vises i den bjælke, der er angivet til dette formål.

Cannelliti , og å kendt om tibial medialt tre yndrom, er kendetegnet ved merter i iden og fronten af ​​ kinnebenet. Det ker af flere grunde, om når per onen har de åkaldte "flade f...

Hvordan man lærer og ikke glemmer

Bobbie Johnson

Kan 2024

”At give et blankt” på tid punktet for te ten er en af ​​de tuderende tør te frygt. Heldigvi er der en række for kellige teknikker og tip til at hjælpe hjernen, fakti k hu ke det, ...

Friske Publikationer.