Når du bruker If-erklæringen til å programmere HTML med JavaScript-dummies

Du kan virkelig ikke flykte ved hjelp av if-setningen med JavaScript. If-setningen brukes ofte til å teste om noe har skjedd eller ikke, om dataene er innenfor rekkevidde eller ikke, eller om brukeren vil utføre en bestemt oppgave.

Slik lager du en enkel om setning i JavaScript

En av de vanligste bruksområdene til if-setningen er å gjøre et enkelt utvalg. Når brukeren tar en bestemt handling, skjer noe. I følgende eksempel, når brukeren klikker OK i dialogboksen Bekreft, viser applikasjonen den hemmelige meldingen.

// Opprett et uttrykk som resulterer i ekte eller falsk. var Svar = bekreft ("Vil du vise den hemmelige meldingen?"); // Test uttrykket ved hjelp av if-setningen. hvis (Svar) {// Vis den hemmelige meldingen når brukeren // klikker OK. dokument. getElementById ("Resultat"). innerHTML = "Dette er den hemmelige meldingen!";}

I dette tilfellet kan svaret bare inneholde sant eller falskt fordi bekreftelse () ikke gir noen andre verdier. Som en konsekvens trenger du ikke å utføre noen form for verdikontroll på svar - alt du trenger å gjøre er å bestemme sannhetsverdien av svaret for å ta avgjørelsen.

Alle beslutningsuttrykk som du noen gang oppretter, vil ha en sannhetsverdi av noe slag - enten sant eller falskt. Noen ganger er sannhetsverdien skjult, som når man arbeider med bryterstrukturen, men sannhetsverdien er der.

Datamaskiner forstår ikke noe annet enn sant eller falskt. Det er teknikker som gjør at det ser ut til at datamaskinen kan gjøre noe annet, men i virkeligheten kommer det hele til å ta en sann eller falsk beslutning som vist her.

Hva mer kan du gjøre med if-setningen?

Du bruker om setningen i situasjoner når et program trenger å gjøre noe når brukeren reagerer riktig, men ignorerer inngangen når svaret er feil. Det er imidlertid tider når du må gjøre noe når inngangen er riktig og noe annet når det er feil. I dette tilfellet legger du til ellers klausulen til if-setningen som vist i følgende eksempel.

// Opprett et uttrykk som resulterer i ekte eller falsk. var Svar = bekreft ("Vil du vise den hemmelige meldingen?"); // Test uttrykket ved hjelp av if-setningen. hvis (Svar) {// Vis den hemmelige meldingen når brukeren // klikker OK. dokument. getElementById ("Resultat"). innerHTML = "Dette er den hemmelige meldingen!";} else {// Utfør en alternativ oppgave. varsling ("Klikk OK neste gang du vil se meldingen!");}

A klausul er en utvidelse av en struktur. I dette tilfellet utvider ellers klausulen omstrukturen for å inkludere en andre kodeblokk som håndterer den falske tilstanden. Eksemplet utsender fortsatt hemmelig melding når brukeren klikker OK i dialogboksen Bekreft ().

Men nå viser koden også en advarsel () dialog når brukeren klikker Avbryt. Denne sekundære handlingen hjelper brukeren å forstå hvordan man reagerer på bekreftelsen) for å få en annen utgang.

Hvordan nestes om setninger i JavaScript

Det er mange grunner til at du kanskje rede hvis setninger - det vil si plassere en hvis setning i en annen. I dette tilfellet velger brukeren et alternativ på skjermen, CheckChoice () utfører en kontroll av dette alternativet, og deretter viser CheckChoice () det riktige resultatet på skjermen.

funksjon CheckChoice (valg) {// Kontroller at inngangen er et nummer. hvis (typeof (alternativ)! = "tall") {// Vis en feildialog. varsling ("Vennligst oppgi numerisk inntasting!"); // Retur uten å gjøre ing noe mer. return;} // Sørg for at alternativet egentlig er et heltall. Var Velg = Matematikk. runde (opsjon); // Kontroller at inngangen er innenfor rekkevidde. hvis ((velg 3)) {// Vis en feildialog. varsling ("Den oppgitte verdien er utenfor rekkevidde!"); // Tilbake uten å gjøre noe mer. returnere;} // Lag et valg. hvis (velg == 1) {dokument. getElementById ("Resultat"). innerHTML = "Du valgte element A.";} annet {hvis (velg == 2) {dokument. getElementById ("Resultat"). innerHTML = "Du valgte element B.";} else {dokument. getElementById ("Resultat"). innerHTML = "Du valgte punkt C.";}}}

Dette eksemplet er ikke avhengig av en kjent kilde til input, så det begynner med å utføre ulike kontroller av dataene. Den første kontrollen bekrefter at den som ringer har levert en numerisk verdi. Tross alt kan den som ringer gi en streng eller en boolsk verdi i stedet. For øvrig kan inngangen være en peker til en annen funksjon eller noe annet som JavaScript støtter - du vet det ikke.

Det neste trinnet konverterer den numeriske inngangen til et heltall. Datakonvertering er viktig i JavaScript fordi den behandler både heltall og flytende punktverdier som tall. Hvis du vil ha et heltall, bruker du Math. runde () for å få det er den beste måten å gå. Denne funksjonen runder inngangen til nærmeste heltall, noe som betyr at du ikke ender opp med å prøve å utføre sammenligninger mot verdier som 3. 5.

På dette punktet vet du at du har et tall og at nummeret er en heltall, men du vet ikke om tallet er i riktig rekkefølge. En manglende rekkefølge for innsatsverdier er årsaken til mange woes i JavaScript-applikasjoner. CheckChoice () forventer heltallverdier i området 1 til 3, slik at rekkeviddekontrollen ser etter disse verdiene.

Den nestede if-setningen er nesten antiklimaktisk på dette punktet. Du vet at Select inneholder 1, 2 eller 3. Den første hvis setningen kontrollerer verdien 1 og viser en melding når den finner den verdien. Når verdien er noe annet enn 1, tar ellers klausulen over. Innenfor ellers klausulen er en nestet om setning.

Dette hvis setningen kontrollerer Velg for en verdi på 2 og viser riktig melding når den er. Når Select er 3, vil ellers klausulen i dette sekund, nestet, hvis setningen viser riktig melding.