Programmere en kalkulator i html

1. Finn ut hva hver HTML-funksjon gjør. Koden du skal bruke til å lage kalkulatoren består av mange forskjellige typer syntaks som sammen bestemmer de forskjellige elementene i et dokument. Klikk her for en forklaring av denne prosessen, eller les videre for å lære mer om hva hver linje med kode du skal bruke til å lage kalkulatoren gjør.

• html: Denne syntaksbiten forteller resten av dokumentet hvilket språk som skal brukes i koden. Det er flere språk å kode i og i dette tilfellet gjør
• hode: Forteller dokumentet at alt som kommer etter er data om data, aka "metadata". Den
• tittel: Tittelen på dokumentet er angitt her. Dette attributtet brukes til å spesifisere tittelen på dokumentet når det åpnes i en HTML-nettleser.
• body bgcolor="#": Dette attributtet angir fargen på HTML-sidens bakgrunn og brødtekst. Tallet innenfor serien med anførselstegn og etter # tilsvarer a spesifikk farge.
• tekst="": Denne syntaksen angir fargen på teksten i dokumentet.
• skjemanavn="": Dette attributtet spesifiserer navnet på et skjema, og brukes til å bygge strukturen til det som kommer etter, basert på hva Javascript vet om betydningen av skjemaets navn. For eksempel er skjemanavnet vi skal bruke `kalkulator`, som vi vil bruke til å lage en spesifikk struktur for dokumentet.
• input type="": Det er her noe skjer. `Input type`-attributtet forteller parseren av dokumentet hva slags tekst som er inneholdt i verdiene mellom anførselstegnene. Dette kan for eksempel være en tekst, et passord, en knapp (som vil være tilfellet med kalkulatoren) osv.
• verdi="": Denne kommandoen forteller parseren av dokumentet hva som skal inkluderes i inndatatypen ovenfor. For en kalkulator er dette tall (1-9) og operasjoner (+,-,*,/,=).
• onClick="": Denne syntaksen beskriver en hendelse, som indikerer at noe skal skje når knappen klikkes. For en kalkulator ønsker vi at teksten på hver knapp også skal gjenkjennes som sådan. Så før `6`-knappen legger vi dokumentet.kalkulator.ans.verdi+=`6` i anførselstegn.
• bror: denne taggen oppretter en ny linje i dokumentet slik at teksten (eller noe annet) etter den plasseres på neste linje.
• /form, /body og /html: disse kommandoene er ventiler for de tilsvarende kommandoene åpnet tidligere i dokumentet.

Del 2 av 4: Grunnleggende kode for en HTML-kalkulator

1. Kopier koden nedenfor. Velg teksten i boksen nedenfor ved å holde nede venstre museknapp og dra markøren fra nederst til venstre i boksen til øverst til høyre, slik at all tekst blir blå. Trykk deretter `Command+C` på en Mac eller `Ctrl+C` på en PC for å kopiere koden til utklippstavlen.

1. Åpne et tekstredigeringsprogram på datamaskinen. Det er flere programmer å bruke, men for enkelhets skyld holder vi oss til TextEdit eller Notisblokk.

• På en Mac klikker du på forstørrelsesglasset øverst til høyre på skjermen for å åpne Spotlight. Når du er der, skriv TextEdit og klikk på TextEdit-programmet, som nå skal være valgt i blått.
• På en PC åpner du Start-menyen nederst til venstre på skjermen. I søkefeltet skriver du notepad og klikker på Notepad-applikasjonen, som vises i søkefeltet til høyre.

2. Lim inn HTML-koden for en kalkulator i dokumentet.

4. Legg til en HTML-utvidelse til filnavnet. I `Lagre som`-menyen...` skriv inn filnavnet etterfulgt av `.html`, klikk deretter på `Lagre`. Hvis du for eksempel vil gi denne filen navnet "Min første kalkulator", lagrer du filen som "Min første kalkulator".html`.

1. Finn filen du nettopp opprettet. For å gjøre dette, skriv inn navnet på filen i Spotlight eller i startmenyens søkelinje som forklart i forrige trinn. Du trenger ikke å skrive "html"-utvidelsen også.

2. Klikk på filen for å åpne den. Standardnettleseren din vil åpne kalkulatoren på en ny nettside.

3. Klikk på knappene på kalkulatoren for å bruke den. Løsningene til ligningene dine vises nå i svarlinjen.