fishScript.com Script con annotazioni in italiano e inglese

JavaScript

Home >JavaScript > Calcolatrice on line

<html>
<head>
<title> ELEMENTI DI JAVASCRIPT ... costruzione di una calcolatrice</title>
<script language="javascript">

function Calcolatrice(){
// Assegno i valori alle variabili
Val1 = document.frmcalcolatrice.valore1.value;
Val2 = document.frmcalcolatrice.valore2.value;

Op = frmcalcolatrice.operazione.options[frmcalcolatrice.operazione.options.selectedIndex].value;

switch(Op){
case "somma":
calc = Val1 + "+" + Val2;
risultato = eval(calc);
break;
case "sottrazione":
risultato = Val1 - Val2;
break;
case "moltiplicazione":
risultato = Val1 * Val2;
break;
case "divisione":
risultato = Val1 / Val2;
break;
}
alert(risultato);
}
</script>
</head>

<body>

<B>LEZIONE JAVASCRIPT</B>

<br/>
<br/>

Elaborare la funzione in javascript "Calcolatrice()" che visualizza il risultato dell'operazione effettuata.
<br/>
<br/>
<br/>

<br/><form name="frmcalcolatrice">
<table border="1">
<tr>
<td><b>primo valore</b></td>
<td><input type="text" name="valore1"></td>
</tr>
<tr>
<td><b>secondo valore</b></td>
<td><input type="text" name="valore2"></td>
</tr>

<tr><td colspan="2" style="height:30"></td></tr>

<tr><td>Operazione</td>
<td><select name="operazione">
<option value="somma">Somma
<option value="sottrazione">Sottrazione
<option value="divisione">Divisione
<option value="moltiplicazione">Moltiplicazione
</select>
</td>
</tr>
<tr><td colspan="2" style="height:30"></td></tr>

<tr>
<td><input type="button" onclick="javascript:document.frmcalcolatrice.reset()" value="annulla"></td>
<td><input type="button" onclick="javascript:Calcolatrice()" value="calcola"></td>
</tr>
</table>

</form>
</body>
</html>

Warning: include(ads/text468x15.html): failed to open stream: No such file or directory in D:\inetpub\webs\fishscriptcom\documents\view_document.php on line 131

Warning: include(): Failed opening 'ads/text468x15.html' for inclusion (include_path='.;C:\php\pear') in D:\inetpub\webs\fishscriptcom\documents\view_document.php on line 131

Tutorial

Effetti dinamici con Css e Javascript Nascondere e visualizzare elementi nella pagina [JavaScript]
Script

Semplice esempio con onchange e this.value Costrutti elementari per disegnare pagine dinamiche [JavaScript]

Demo charAt() Operazioni sulle stringhe. Acquisizione valori dai campi input della pagina. [JavaScript]

Calcolatrice on line Operatori matematici. Costrutto switch. Iterazione con glie lementi della pagina [JavaScript]

Eventi e bottoni radio Iterazioni con il client [JavaScript]

Inserimento e visualizzazione un'immagine Caricare e visualizzare un'immagine nella pagina e controllore che il file abbia una estensione ammessa [JavaScript]

Generare un numero casuale Funzioni matematiche [JavaScript]

Inclusione di un file con JavaScript Chiamare uno script contenuto in un altro file [JavaScript]

Leggere il valore selezionato in una combo Controllo della pagina e degli input del client. [JavaScript]

Metodo setTime Gestione eventi nella pagina [JavaScript]

Operazioni di sottrazione e somma Semplici calcoli matematici. [JavaScript]

Reset della pagina Elementi di controllo sulla pagina [JavaScript]

Stringhe: concatenazione e stampa Operazioni di base [JavaScript]

Controllo di eguaglianza di stringhe in due campi Controlli sui campi input [JavaScript]

Time Out ed eventi Dopo un determinato intervallo invia ad un'altra pagina [JavaScript]

Images preload and mouse over / out effect Manipolating events as mouse over/out and objects as images in the html context [JavaScript]

Argomenti

JavaScript

Cerca