Hvordan skrive Javascript som bruker to tall

Javascript, i likhet med andre høyt nivå programmeringsspråk, omfatter ulike strukturer for å innkapsle kode for hyppig gjenbruk. Hvis du ønsker å multiplisere to tall sammen i Javascript, vil multiplikasjon operatør (*) nok. Men hvis du trenger for å utføre et mer komplekst sett av operasjoner på to tall, prosessen med å skrive ut operasjonene én etter én hver gang du trenger resultatet er ineffektiv og utsatt for feil. Du kan skrive en funksjon som inneholder disse operasjonene; som helst du trenger for å utføre dem, bare skrive en kommando for å påkalle (call) funksjonen, forsyne den med tallene på å operere.

Bruksanvisning

1 Åpne et HTML-dokument i en tekst editor for å skrive og teste en Javascript-funksjonen på en webside. Klikk på "Start" -menyen, velg "Alle programmer," klikk "Tilbehør", og klikk "Notisblokk", hvis du ikke arbeider på en side allerede. Bruk følgende kode for å komme i gang:

<Html>

<Head>

</ Head>

<Body>

</ Body>

</ Html>

2 Sett inn følgende kode mellom "hodet" tags av HTML-dokumentet:

<Script type = "text / javascript">

funksjon hypotenusen (a, b) {

return Math.sqrt(a*a + b*b);

}

</ Script>

Dette er en implementering av Pythagoras 'læresetning. Funksjonen vil motta de to tallene, firkantet dem, legger rutene, deretter tilbake kvadratroten av summen. Plassere noen Javascript-kode du mellom funksjonens bukseseler ( "{}") til å operere på de to tallene. Du kan definere variabler (dvs. "var x =") til å lagre middels resultater, men de vil være tilgjengelig bare i denne funksjonen.

3 Sett inn følgende kode inn i kroppen av HTML-dokumentet for å teste funksjonen:

<Input type = "button" value = "hypotenusen (3,4)" onclick = "alert (hypotenusen (3,4));" />

Kallet til funksjonen er plassert inne i "alert" metoden, slik at resultatet kom tilbake fra "hypotenusen" vises som en dialog. Lagre filen med filtypen ".html" og deretter åpne den i en nettleser, og klikk på knappen. Riktig resultat, 5, vil vises.

4 Legg til følgende kode i kroppen på siden din, og deretter lagre filen og legg den i en nettleser:

Leg 1: <input type = "text" id = "leg1" size = "2" onChange="document.getElementById('result').value=hypotenuse(parseInt(document.getElementById('leg1').value),parseInt(document.getElementById('leg2').value));" />

Leg 2: <input type = "text" id = "leg2" size = "2" onChange="document.getElementById('result').value=hypotenuse(parseInt(document.getElementById('leg1').value),parseInt(document.getElementById('leg2').value));" />

Hypotenusen: <input type = "text" id = "resultat" size = "2" />

Skriv inn et tall i hver "etappe" tekstboksen, og resultatet vises i den tredje. Ikke bry deg om detaljene i koden på første, men merk at "hypotenusen" kalles når enten tekstboksen er endret. Denne koden viser en av de store fordelene oppnådd ved hjelp av en funksjon: Eventuelle to tall kan brukes, ikke bare de som er forhåndsbestemt i koden.

Hint

  • Skriv en funksjon som bruker mer enn to tall (eller bare en) hvis du ønsker. Bare nevne tall (kalt funksjonens "argumenter") mellom funksjonens parentes, atskilt med komma.