Calcul en Javascript

Fermé
JFRG - 1 déc. 2010 à 03:57
jjsteing Messages postés 1670 Date d'inscription vendredi 11 mai 2007 Statut Contributeur Dernière intervention 21 mai 2012 - 1 déc. 2010 à 08:25
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
A voir également:

1 réponse

jjsteing Messages postés 1670 Date d'inscription vendredi 11 mai 2007 Statut Contributeur Dernière intervention 21 mai 2012 181
Modifié par jjsteing le 1/12/2010 à 08:11
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
Lord Zero Messages postés 459 Date d'inscription lundi 18 octobre 2010 Statut Membre Dernière intervention 15 juin 2018 115
1 déc. 2010 à 08:18
<script language="javascript" type="text/javascript">
0
jjsteing Messages postés 1670 Date d'inscription vendredi 11 mai 2007 Statut Contributeur Dernière intervention 21 mai 2012 181
1 déc. 2010 à 08:25
Oui, c'est encore mieux ;) ...
0