Calcolatrice javascript

Torno a postare di fretta e su richiesta specifica.

Volevi una calcolatrice da inserire tra le tue pagine web?

La volevi in javascript?

Copia e incolla questo subito dopo body.

<script language="javascript">

function somma(){

//inizializzo le due variabili Txt1 e Txt2

Txt1=eval(document.forms.g.txt1.value);

Txt2=eval(document.forms.g.txt2.value);

//attribuisco il valore della loro somma alla variabile Ris

Ris=(Txt1+Txt2);document.forms.g.ris.value=Ris}

function sottrai(){

//Ripeto le operazioni di prima

//solo che questa volta sottraggo

Txt1=eval(document.forms.g.txt1.value);

Txt2=eval(document.forms.g.txt2.value);

Ris=(Txt1-Txt2);document.forms.g.ris.value=Ris}

function dividi(){

//idem per la divisione

Txt1=eval(document.forms.g.txt1.value);

Txt2=eval(document.forms.g.txt2.value);

Ris=(Txt1/Txt2);document.forms.g.ris.value=Ris}

function moltiplica(){

//idem per la moltiplicazione

Txt1=eval(document.forms.g.txt1.value);

Txt2=eval(document.forms.g.txt2.value);

Ris=(Txt1*Txt2);document.forms.g.ris.value=Ris}

function radice () {

//.....e per la radice quadrata

Txt1=document.forms.g.txt1.value;

Ris=Math.sqrt(Txt1);document.forms.g.ris.value=Ris}

</script>

A questo punto mi costruisco un bel form. Ecco l'HTML!

(da inserire subito dopo il codice javascript)

<form name="g">

<table width="493" border="0" cellpadding="3" cellspacing="3" bgcolor="#FF6600">

<caption align="top">

La Mia Calcolatrice


</caption>

<tr bgcolor="#FFFFFF">

<td width="14%"><input name="txt1" type="text" size="10" maxlength="10" /></td>

<td width="47%" align="center"><input name="+" type="button" value="+" onClick="somma()"/><input name="-" type="button" value="-" onClick="sottrai()"/><input name=":" type="button" value=":" onClick="dividi()"/><input name="x" type="button" value="x" onClick="moltiplica()"/>



<input type="button" name="RQ" value="RQ" title="Radice Quadrata" onclick="radice()"/>



<td width="14%"><input name="txt2" type="text" size="10" maxlength="10" /></td>

<td width="5%" align="center"> = </td>

<td width="20%"><input name="ris" type="text" size="10" maxlength="10" readonly="true" /></td>

</tr>



</table>

</form>

C.I.P (copia incolla prova)

oppure clicca qui per vedere in azione la mini calcolatrice.

Alla prossima