Calcul en Javascript

JFRG -  
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

1 réponse

  1. jjsteing Messages postés 1613 Date d'inscription   Statut Contributeur Dernière intervention   181
     
    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
    0
    1. Lord Zero Messages postés 487 Statut Membre 115
       
      <script language="javascript" type="text/javascript">
      0
    2. jjsteing Messages postés 1613 Date d'inscription   Statut Contributeur Dernière intervention   181
       
      Oui, c'est encore mieux ;) ...
      0