calcul automatique selon input

Version imprimable

Bonsoir les amis,

j'essaie de calculer un total ttc mais rien ne s'affiche:mur:. Je suis un perdu

merci d'avance pour votre aide

cdt,

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
 
<html>
<head>
<SCRIPT LANGUAGE="text/javascript">
function calcul(){
                var prix = Number(document.getElementById("heuresI").value);
 
                var quantite = Number(document.getElementById("txhoraire").value);
 
                var ttc = Number(heuresI * txhoraire);
 
            }
 
</script>
</head>
<body>
<form name="fact">
 
<label>heures :</label><input type="text" SIZE="1" name="heuresI" id="heuresI" onblur="calcul()">
<label>Taux horaire TTC :</label><input type="text" SIZE="1" name="txhoraire" id="txhoraire" onblur="calcul()" >
 
 
		<label>Total facture TTC :</label><input type="text" SIZE="33" STYLE="text-decoration:none;;color: #FF0000;" name="ttc" id="ttc" onblur="calcul()"><br/><br/>		
 
 
<label>Mode de paiment :</label><select name="mode">
		<option value="cheque"> Cheque</option>
			</select><br/><br/>		
<label><input type="submit" value="Enregistrer" name="recfacture"></label><br><br>
</form>
</body>
</html>

05/08/2012, 23h38
NoSmoking

Bonsoir,
on commence par mettre
<script type="text/javascript">, ou encore <script> en HTML5.

on poursuit avec
var ttc = Number(heuresI * txhoraire);, pourquoi ne pas utiliser les variables initialisé juste avant ??

effectivement des erreurs bete, merci smoking mais toujours rien

code changé

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
 
<html>
<head>
<script type="text/javascript">
function calcul(){
                var prix = Number(document.getElementById("heuresI").value);
 
                var quantite = Number(document.getElementById("txhoraire").value);
 
                var ttc = Number(prix * quantite);
 
            }
 
</script>
</head>
<body>
<form name="fact">
 
<label>heures :</label><input type="text" SIZE="1" name="heuresI" id="heuresI" onblur="calcul()">
<label>Taux horaire TTC :</label><input type="text" SIZE="1" name="txhoraire" id="txhoraire" onblur="calcul()" >
 
 
		<label>Total facture TTC :</label><input type="text" SIZE="33" STYLE="text-decoration:none;;color: #FF0000;" name="ttc" id="ttc"><br/><br/>		
 
 
<label>Mode de paiment :</label><select name="mode">
		<option value="cheque"> Cheque</option>
			</select><br/><br/>		
<label><input type="submit" value="Enregistrer" name="recfacture"></label><br><br>
</form>
</body>
</html>

Peut être affecter la valeur a ton input après le calcul ça ira mieux.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
 
 
<html>
<head>
<script type="text/javascript">
function calcul(){
                var prix = Number(document.getElementById("heuresI").value);
 
                var quantite = Number(document.getElementById("txhoraire").value);
 
                var ttc = Number(prix * quantite);
                document.getElementById("ttc").value = ttc;
            }
 
</script>
</head>
<body>
<form name="fact">
 
<label>heures :</label><input type="text" SIZE="1" name="heuresI" id="heuresI" onblur="calcul()">
<label>Taux horaire TTC :</label><input type="text" SIZE="1" name="txhoraire" id="txhoraire" onblur="calcul()" >
 
 
		<label>Total facture TTC :</label><input type="text" SIZE="33" STYLE="text-decoration:none;;color: #FF0000;" name="ttc" id="ttc"><br/><br/>		
 
 
<label>Mode de paiment :</label><select name="mode">
		<option value="cheque"> Cheque</option>
			</select><br/><br/>		
<label><input type="submit" value="Enregistrer" name="recfacture"></label><br><br>
</form>
</body>
</html>

06/08/2012, 12h25
le beauceron

headmax simply the best!!!!:ccool:
06/08/2012, 13h31
headmax

Ravi que ça marche, par contre si tu pouvait mettre ton post en résolu ça serait cool aussi ;).
Bonne chance pour la suite, n'hésite pas à poster en cas de problème.;)