Come scrivere JavaScript che utilizza due numeri

September 16

JavaScript, come gli altri linguaggi di programmazione di alto livello, comprende varie strutture per incapsulare il codice per il riutilizzo frequente. Se si vuole moltiplicare due numeri insieme in JavaScript, l'operatore di moltiplicazione (*) sarà sufficiente. Tuttavia, se è necessario eseguire un insieme più complesso di operazioni su due numeri, il processo di scrittura delle operazioni uno per uno ogni volta che è necessario il risultato è inefficiente e soggetto a errori. È possibile scrivere una funzione che contiene tali operazioni; ogni volta che è necessario per eseguire tali operazioni, è sufficiente scrivere un comando per richiamare (call) la funzione, fornendo con i numeri su cui operare.

istruzione

1 Aprire un documento HTML in un editor di testo per scrivere e testare una funzione JavaScript in una pagina Web. Fai clic sul menu "Start", scegliere "Tutti i programmi," click "Accessori", e cliccare su "Blocco note", se non si lavora su una pagina già. Utilizzare il seguente codice per iniziare:

<Html>

<Head>

</ Head>

<Body>

</ Body>

</ Html>

2 Inserire il codice seguente tra i tag "testa" del documento HTML:

<Script type = "text / javascript">

funzione hypotenuse (a, b) {

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

}

</ Script>

Si tratta di una implementazione del teorema di Pitagora. La funzione riceverà i due numeri, li piazza, aggiungere le piazze, per poi tornare la radice quadrata della somma. Mettere qualsiasi codice JavaScript che ti piace tra le parentesi della funzione ( "{}") per operare su due numeri. È possibile definire le variabili (ad esempio, "var x =") per memorizzare i risultati intermedi, ma sarà disponibile solo all'interno di tale funzione.

3 Inserire il seguente codice nel corpo del documento HTML per testare la funzione:

<Input type = valore "pulsante" = "ipotenusa (3,4)" onclick = "alert (ipotenusa (3,4));" />

La chiamata alla funzione viene posizionato all'interno del metodo "avviso", in modo che il risultato restituito da "ipotenusa" viene visualizzato come una finestra. Salvare il file con l'estensione ".html" e quindi aprirlo in un browser Web e fare clic sul pulsante. Apparirà il risultato corretto, 5,.

4 Aggiungere il seguente codice al corpo della pagina e quindi salvare il file e caricarlo in un browser Web:

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));" />

Ipotenusa: <input type = "text" id = "risultato" size = "2" />

Digitare un numero in ciascuna casella di testo "gamba", e apparirà il risultato nel terzo. Non preoccuparti per i dettagli del codice in un primo momento, ma nota che "ipotenusa" si chiama ogni volta che uno casella di testo viene modificato. Questo codice dimostra uno dei principali vantaggi ottenuti utilizzando una funzione: due numeri possono essere utilizzati, non solo quelli che sono predeterminati nel codice.

Consigli e avvertenze

  • Scrivere una funzione che utilizza più di due numeri (o solo uno) se vuoi. È sufficiente citare i numeri (chiamati "argomenti" della funzione) tra parentesi della funzione, separati da virgole.