11540 sujets

JavaScript, DOM et API Web HTML5

slt les amies,j'ai creer ce script mais il ne marche plus,voila le code :

<script type="text/javascript">
function calcul(){
$('#test').click(function(){
var total = 0;
var total1 = 15 ;
var total2 = 70 ;
var total3 = 15;
total = parseInt(total1) + parseInt(total2) + parseInt(total3);
alert(total);
});
}

</script>

code de boutton pour appler la fonction :

<input type="button" value="calculer" class="next" id="test" onclick='calcul()'/>
Modifié par mexes (04 Sep 2012 - 17:40)
Salut,

plusieurs problèmes dans ton script:

1. Ce devrait être onclick='javascript:calcul();'. Mais ultimement il faudrait enlever cet appel (voir plus bas)

2. Tu appelles la fonction calcul au moment du click via l'attribut onclick="", mais ta fonction calcul() ne fait que définir une fonction a appeler quand quelqu'un clique sur le bouton. En gros tu dis: "au clic, écoute le clique, et si quelquun clique alors execute ma fonction" alors que tu devrais dire directement "au clic, execute ma fonction".

3. As-tu bien la librarie jQuery incluse?

4. Ce n'est pas ce qui l'empêche de fonctionner, mais la fonction parseInt() reçoit 2 arguments: le chiffre à "parser" et la base à utiliser pour parser (devrait être 10 dans ton cas).

En gros, enlève l'attribute "onclick" de ta balise input, et bouge ton "$('#test').click.." en dehors de la fonction calcul(), et supprime la fonction calcul(). Si jQuery est bien inclus ça devrait le faire.


Tanguy