Code Html pour une fonction multiplication (débutant)

Code Html pour une fonction multiplication (débutant) - HTML/CSS - Programmation

Marsh Posté le 28-02-2013 à 16:57:41    

Bonjour,
 
J'ai un travail à réaliser pour mon cour de programmation débutant (je commence à peine), voici mon problème :
 
J'aimerai obtenir la fonction suivante en cliquant sur la touche "calculer" de la page web sous forme de code a placé dans la page , n'ayant aucune idée de comment faire je me tourne vers vous .
 
Fonction :
 
[ (quantitée 01 * Prix 01) + (quantitée 02 * Prix 02 ) + (quantitée 03 * Prix 03) + .... + (quantitée 10 * Pirx 10) ] / (Prix 01+Prix02+...+Prix10)
 
 
 
 
voici mon code :
 
<html>
 
<head>
<title> Calculer prix en fonction de la quantitée </title>
</head>
 
 
<body>
<p><b>Calculer prix en fonction de la quantitée</b>
<br>
<br>
</p>
 
 
<fieldset>
 
<legend>Vos cours</legend>
<p>
<form action="myphp.php" method="post">
 
<label for="Quantitée 01">Quantitée 01 :</label> <input value="" type="text" name="Quantitée 01" id="Quantitée 01" size="20" maxlength="5"/> <label for="Prix 1">Prix:</label><input value="" type="text" name="Prix 1" id="Prix 1" size="20" maxlength="5"/><br />
<label for="Quantitée 02">Quantitée 02 :</label> <input value="" type="text" name="Quantitée 02" id="Quantitée 02" size="20" maxlength="5"/> <label for="Prix 2">Prix:</label><input value="" type="text" name="Prix 2" id="Prix 2" size="20" maxlength="5"/><br />
<br />
<label for="Quantitée 03">Quantitée 03 :</label> <input value="" type="text" name="Quantitée 03" id="Quantitée 03" size="20" maxlength="5"/> <label for="Prix 3">Prix:</label><input value="" type="text" name="Prix 3" id="Prix 3" size="20" maxlength="5"/><br />
<label for="Quantitée 04">Quantitée 04 :</label> <input value="" type="text" name="Quantitée 04" id="Quantitée 04" size="20" maxlength="5"/> <label for="Prix 4">Prix:</label><input value="" type="text" name="Prix 4" id="Prix 4" size="20" maxlength="5"/><br />
<br />
<label for="Quantitée 05">Quantitée 05 :</label> <input value="" type="text" name="Quantitée 05" id="Quantitée 05" size="20" maxlength="5"/> <label for="Prix 5">Prix:</label><input value="" type="text" name="Prix 5" id="Prix 5" size="20" maxlength="5"/><br />
<label for="Quantitée 06">Quantitée 06 :</label> <input value="" type="text" name="Quantitée 06" id="Quantitée 06" size="20" maxlength="5"/> <label for="Prix 6">Prix:</label><input value="" type="text" name="Prix 6" id="Prix 6" size="20" maxlength="5"/><br />
</br >
<label for="Quantitée 07">Quantitée 07 :</label> <input value="" type="text" name="Quantitée 07" id="Quantitée 07" size="20" maxlength="5"/> <label for="Prix 7">Prix:</label><input value="" type="text" name="Prix 7" id="Prix 7" size="20" maxlength="5"/><br />
<label for="Quantitée 08">Quantitée 08 :</label> <input value="" type="text" name="Quantitée 08" id="Quantitée 08" size="20" maxlength="5"/> <label for="Prix 8">Prix:</label><input value="" type="text" name="Prix 8" id="Prix 8" size="20" maxlength="5"/><br />
</br >
<label for="Quantitée 09">Quantitée 09 :</label> <input value="" type="text" name="Quantitée 09" id="Quantitée 09" size="20" maxlength="5"/> <label for="Prix 9">Prix:</label><input value="" type="text" name="Prix 9" id="Prix 9" size="20" maxlength="5"/><br />
<label for="Quantitée 10">Quantitée 10 :</label> <input value="" type="text" name="Quantitée 10" id="Quantitée 10" size="20" maxlength="5"/> <label for="Prix 10">Prix:</label><input value="" type="text" name="Prix 10" id="Prix 10" size="20" maxlength="5"/><br />
</br>
</br>
 
<input type="button" value="Calculer" onClick="calcul()"> <input type="reset" value="Reset" /> </form>
</br>
</br>
 
 
<form name="résultat">
<span style="text-decoration:underline;">Résultat :</span> <input type="texte">
<form>
 
 
</p>
 
</fieldset>
 
 
</body>
 
</html>
 
 
Une aide svp ?

Reply

Marsh Posté le 28-02-2013 à 16:57:41   

Reply

Marsh Posté le 28-02-2013 à 17:18:49    

Quelques pistes :
 
- récupérer les valeurs saisies dans les textbox :
http://www.toutjavascript.com/savoir/savoir06_2.php3
 
- insérer du code javascript dans ta page html :
http://www.commentcamarche.net/con [...] plant.php3
 
- faire une fonction en javascript :
http://www.commentcamarche.net/con [...] sfonc.php3
 
indice : dans la partie  

Code :
  1. <input type="button" value="Calculer" onClick="calcul()">


 
le onClick indique que lorsque l'utilisateur va cliquer sur le bouton Calculer, le javascript va chercher à exécuter la fonction calcul(). Tu n'a donc qu'à écrire cette fonction, et avec les différents liens tu devrais avoir tout ce dont tu as besoin. (il risque de manquer un attribut name à ton champ texte pour afficher le résultat)


---------------
Origin / PSN / Steam / Uplay : x1fr - bnet : Fab#2717
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed