Calcul en Javascript
JFRG
-
jjsteing Messages postés 1613 Date d'inscription Statut Contributeur Dernière intervention -
jjsteing Messages postés 1613 Date d'inscription Statut Contributeur Dernière intervention -
Bonjour,
voila j'espere desesperement faire une simulation de calcul avec du javascript; mais je ne vois pas ce qui ne colle pas dans la programmation
<html>
<head>
<script language='javascript'>
function calcul()
{
valeurPESO=document.EST1.PESO.value;
valeurPDP=document.EST1.PDP.value;
resultatENV1=(valeurPESO*1.58);
resultatSEG11=(valeurPDP/100+1.4);
resultatSEG1=(Math.round(valeurSEG11)*5);
resultatOUR1=((valeurENV1+valeurSEG1+valeurPDP)*0.15);
resultatV1=(valeurENV1+valeurSEG1+valeurOUR1);
document.EST1.ENV1.value=resultatENV1;
document.EST1.SEG1.value=resultatSEG1;
document.EST1.OUR1.value=resultatOUR1;
document.EST1.V1.value=resultatV1;
}
</script>
</head>
<body>
<FORM NAME="EST1">
<table border='1px'>
<tr>
<td>Peso</td>
<td><input type="text" value="0" name="PESO"> Lb </td>
</tr>
<tr>
<td>Precios del Productos</td>
<td><input type="text" value="0" name="PDP"> $ </td>
</tr>
<tr>
<tr><td colspan="2"><input type="button" value="Calculer" onClick="calcul()"></td></tr>
</tr>
<tr>
<td>Envio</td>
<td><input type="text" value="0" name="ENV1"> $ </td>
</tr>
<tr>
<td>Seguro</td>
<td><input type="text" value="0" name="SEG1"> $ </td>
</tr>
<td>Our Service</td>
<td><input type="text" value="0" name="OUR1"> $ </td>
</tr>
<br>
</br>
<tr>
<td>Total Shipping + Service</td>
<td><input type="text" value="0" name="V1"> $
</td>
</tr>
</table>
</FORM>
</body>
</html>
Merci de m'aider si vous le pouvez.
JFRG
voila j'espere desesperement faire une simulation de calcul avec du javascript; mais je ne vois pas ce qui ne colle pas dans la programmation
<html>
<head>
<script language='javascript'>
function calcul()
{
valeurPESO=document.EST1.PESO.value;
valeurPDP=document.EST1.PDP.value;
resultatENV1=(valeurPESO*1.58);
resultatSEG11=(valeurPDP/100+1.4);
resultatSEG1=(Math.round(valeurSEG11)*5);
resultatOUR1=((valeurENV1+valeurSEG1+valeurPDP)*0.15);
resultatV1=(valeurENV1+valeurSEG1+valeurOUR1);
document.EST1.ENV1.value=resultatENV1;
document.EST1.SEG1.value=resultatSEG1;
document.EST1.OUR1.value=resultatOUR1;
document.EST1.V1.value=resultatV1;
}
</script>
</head>
<body>
<FORM NAME="EST1">
<table border='1px'>
<tr>
<td>Peso</td>
<td><input type="text" value="0" name="PESO"> Lb </td>
</tr>
<tr>
<td>Precios del Productos</td>
<td><input type="text" value="0" name="PDP"> $ </td>
</tr>
<tr>
<tr><td colspan="2"><input type="button" value="Calculer" onClick="calcul()"></td></tr>
</tr>
<tr>
<td>Envio</td>
<td><input type="text" value="0" name="ENV1"> $ </td>
</tr>
<tr>
<td>Seguro</td>
<td><input type="text" value="0" name="SEG1"> $ </td>
</tr>
<td>Our Service</td>
<td><input type="text" value="0" name="OUR1"> $ </td>
</tr>
<br>
</br>
<tr>
<td>Total Shipping + Service</td>
<td><input type="text" value="0" name="V1"> $
</td>
</tr>
</table>
</FORM>
</body>
</html>
Merci de m'aider si vous le pouvez.
JFRG
1 réponse
-
Bonjour..
voici le code corrigé et quelques explications à la fin :<FORM NAME="EST1"> <head> </head> <body> <script language='text/javascript'> function calcul() { var valeurPESO=document.getElementById("PESO").value; var valeurPDP=document.getElementById("PDP").value; var resultatENV1=(valeurPESO*1.58); var resultatSEG11=(valeurPDP/100+1.4); var resultatSEG1=(Math.round(resultatSEG11)*5); var resultatOUR1=((resultatENV1+resultatSEG1+valeurPDP)*0.15); var resultatV1=(resultatENV1+resultatSEG1+resultatOUR1); document.getElementById("ENV1").value=resultatENV1; document.getElementById("SEG1").value=resultatSEG1; document.getElementById("OUR1").value=resultatOUR1; document.getElementById("V1").value=resultatV1; } </script> <table border='1px'> <tr> <td>Peso</td> <td><input type="text" value="0" id="PESO"> Lb </td> </tr> <tr> <td>Precios del Productos</td> <td><input type="text" value="0" id="PDP"> $ </td> </tr> <tr> <tr><td colspan="2"><input type="button" value="Calculer" onClick="calcul()"></td></tr> </tr> <tr> <td>Envio</td> <td><input type="text" value="0" id="ENV1"> $ </td> </tr> <tr> <td>Seguro</td> <td><input type="text" value="0" id="SEG1"> $ </td> </tr> <td>Our Service</td> <td><input type="text" value="0" id="OUR1"> $ </td> </tr> <br> </br> <tr> <td>Total Shipping + Service</td> <td><input type="text" value="0" id="V1"> $ </td> </tr> </table> </body> </FORM>
Alors :
1) au lieu de <input .... name="monnom"> utilise id="monnom" , grâce à getElementById tu pourra retrouvé la valeur de l input
2) en générale, une page html se construit : <form><head></head><body>... </body></form>
3) toujours déclarer ses variables en javascript !!! via "var blabla;" ou " var blabla=1;"
4) resultatSEG1 d'un coté et valeurSEG1 de l'autre.. faut être cohérent !!!
Et quelques modifications tel <script language='text/javascript'> au lieu de <script language='javascript'>
@++
N'hésitez pas à poser des questions, il vaut mieux être con 5 min que le rester toute sa vie ;)
N'oubliez pas de mettre votre Post en 'Résolu' quand c'est le cas :-D