Aiuto per calcolatrice in javascript

simonetta2000

Nuovo Utente
11 Ott 2009
1
0
0
questo e' il mio primo script in javascript ...lo noterete ...

cercavo soltanto qualcuno che ( anche se funziona)mi aiutasse a non far apparire il nome Nan quando clicco con mouse sul secondo campo
e ..che mi dicesse come fare o indirizzasse ...per sostituire i due bottoni e farne uno solo che automaticamente mi dia la somma mensile e la somma annuale
incollo il codice
grazie in anticipo

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript">
function calculate()
{
var subtotal = eval(document.form.subtotal.value);
var subtotal2 = eval(document.form.subtotal2.value);
var subtotal3 = eval(document.form.subtotal3.value);

var salestaxvalue = ".20";//this is the sales tax percentage. Can be changed to any value you want.
var salestax2value = ".05";//this is the sales tax percentage. Can be changed to any value you want.
var salestax3value = ".15";//this is the sales tax percentage. Can be changed to any value you want.

var salestax = subtotal * salestaxvalue - subtotal;//mathematically determines the actual total plus sales tax
var salestax2 = subtotal2 * salestax2value - subtotal2;//mathematically determines the actual total plus sales tax
var salestax3 = subtotal3 * salestax3value - subtotal3;//mathematically determines the actual total plus sales tax

document.form.tax.value = subtotal * salestaxvalue;//the sales tax amount
document.form.tax2.value = subtotal2 * salestax2value;//the sales tax amount
document.form.tax3.value = subtotal3 * salestax3value;//the sales tax amount

document.form.total.value = salestax;//your total value
document.form.total2.value = salestax2;//your total value
document.form.total3.value = salestax3;//your total value

}
function sum() {
var a = parseInt(document.form.tax.value);
var b = parseInt(document.form.tax2.value);
var c = parseInt(document.form.tax3.value);
var d = a + b + c;
document.form.somma.value = d;

}
function moltiplicazione()
{ var a=parseInt(document.form.somma.value)
var b=parseInt(document.form.addendo2.value)
document.form.risultato.value= a * b
}
</script>
</head>

<body bgcolor="#FFFFFF" text="#000000">
<form name="form">
<div align="center"><br>

<br>
<table border="0" cellspacing="0" cellpadding="2" bordercolor="#000000">

<tr align="center" bgcolor="#003366">
<td><font face="Verdana, Arial, Helvetica, sans-serif" size="1" color="#FFFFFF">subtotal alim </font></td>
<td><font color="#FFFFFF" size="1" face="Verdana, Arial, Helvetica, sans-serif">total</font></td>
<td><font face="Verdana, Arial, Helvetica, sans-serif" size="1" color="#FFFFFF">tax 20% </font></td>
<td> </td>

</tr>
<tr align="center">
<td> <b><font face="Verdana, Arial, Helvetica, sans-serif" size="2">€

<input type="text" name="subtotal" size="10" onBlur="calculate();">

+ </font></b></td>
<td><b><font face="Verdana, Arial, Helvetica, sans-serif" size="2">
<input type="text" name="total" size="20">
</font></b></td>

<td> <b><font face="Verdana, Arial, Helvetica, sans-serif" size="2">€
<input type="text" name="tax" size="10">

= </font></b></td>
<td> <b></b></td>
</tr>

</table>
<table border="0" cellspacing="0" cellpadding="2" bordercolor="#000000">
<tr align="center" bgcolor="#003366">
<td><font face="Verdana, Arial, Helvetica, sans-serif" size="1" color="#FFFFFF">subtotal2 carb </font></td>

<td><font color="#FFFFFF" size="1" face="Verdana, Arial, Helvetica, sans-serif">total2</font></td>
<td><font face="Verdana, Arial, Helvetica, sans-serif" size="1" color="#FFFFFF">tax2 5% </font></td>
<td> </td>
</tr>
<tr align="center">
<td> <b><font face="Verdana, Arial, Helvetica, sans-serif" size="2">€
<input type="text" name="subtotal2" size="10" onBlur="calculate();">

+ </font></b></td>
<td><b><font face="Verdana, Arial, Helvetica, sans-serif" size="2">
<input type="text" name="total2" size="20">
</font></b></td>
<td> <b><font face="Verdana, Arial, Helvetica, sans-serif" size="2">€
<input type="text" name="tax2" size="10">
= </font></b></td>

<td> <b></b></td>
</tr>
</table>
<table border="0" cellspacing="0" cellpadding="2" bordercolor="#000000">
<tr align="center" bgcolor="#003366">
<td><font face="Verdana, Arial, Helvetica, sans-serif" size="1" color="#FFFFFF">subtotal3 assic </font></td>
<td><font color="#FFFFFF" size="1" face="Verdana, Arial, Helvetica, sans-serif">total3</font></td>

<td><font face="Verdana, Arial, Helvetica, sans-serif" size="1" color="#FFFFFF">tax3 15% </font></td>
<td> </td>
</tr>
<tr align="center">
<td> <b><font face="Verdana, Arial, Helvetica, sans-serif" size="2">€
<input name="subtotal3" type="text" id="subtotal3" onBlur="calculate();" size="10">
+ </font></b></td>

<td><b><font face="Verdana, Arial, Helvetica, sans-serif" size="2">
<input name="total3" type="text" id="total3" size="20">
</font></b></td>
<td> <b><font face="Verdana, Arial, Helvetica, sans-serif" size="2">€
<input name="tax3" type="text" id="tax3" size="10">
= </font></b></td>
<td> <b></b></td>

</tr>
</table>
<table width="31%" border="0" cellpadding="0">
<tr>
<td width="29%" align="center" bgcolor="#003366"><font color="#FFFFFF" size="1" face="Verdana, Arial, Helvetica, sans-serif">Totale risparmio mensile</font></td>
<td width="36%" align="center"><input name="fform" type="button" id="fform4" onClick="javascript:sum();" value="Somma"></td>
<td width="35%" align="center"><strong><font size="2" face="Verdana, Arial, Helvetica, sans-serif">€</font></strong> <input name="somma" type="text" size="10"></td>
</tr>
<tr>
<td height="61"><div align="center"><font size="1" face="Verdana, Arial, Helvetica, sans-serif"><strong>Totale risparmio annuo </strong></font></div></td>
<td><input name=addendo2 value="12" size="5">
<input name="button" type=button onClick=moltiplicazione() value=Calcola></td>
<td align="center"><strong><font size="2" face="Verdana, Arial, Helvetica, sans-serif">€</font></strong> <input name=risultato size="10"></td>
</tr>
</table>
<p> </p>
<p> </p>
<p> </p>

<p> </p>
</div>
</form>
</body>
</html>
 
La prima cosa non ho capito bene
Per la seconda; puoi utilizzare un solo bottone che invoca la funzione
Calcolatutto la quale
dopo aver effettuato i vari conti (coem da te realizzato) memorizza i due valori nelle textbox appropiate.
Per farlo puoi utilizzare 2 volte
document.getElementByID('idDelComponenteHTML').value = valore
la prima votla inserirai la somma nel campo adibito al risultato del somma;
nella seconda chiamata la moltiplicazione nell'apposito campo
Ciao, Ciro
 

Discussioni simili