Javascript simple aide debug
Résolu
janloup
-
Utilisateur anonyme -
Utilisateur anonyme -
Bonjour,
J'ai besoin de faire un formulaire de calcul simple en js mais je bloque :
Je sait pas ce qui manque une idée?
J'ai besoin de faire un formulaire de calcul simple en js mais je bloque :
Je sait pas ce qui manque une idée?
<!DOCTYPE html>
<html>
<head>
<script type='text/javascript' language='javascript'>
function calcul(){
var nombre=document.getElementById('valeur').value;
IsNumeric(nombre){
document.getElementById('resultat').innerHTML=5*nombre;
alert('test');
}else{
document.getElementById('resultat').innerHTML=nombre+" n'est pas un nombre correct.";
}
}
</script>
</head>
<body>
<form name='calc'>
<input type='text' id='valeur'/>X5 =
<input type='button' value='calculer' onclick='calcul()'/>
</form>
<p id='resultat' >
</p>
</body>
</html>
4 réponses
-
Salut salut,
Le IsNumeric doit poser un petit problème, pour avoir fais quelques tests sur ce genre de fonction je te propose une petite alternative que je trouve plus fiable que IsNumeric :
<script type='text/javascript' language='javascript'> function isNumber(n) { return !isNaN(parseFloat(n)) && isFinite(n); } function calcul(){ var nombre=document.getElementById('valeur').value; if(isNumber(nombre)){ document.getElementById('resultat').innerHTML=5*nombre; alert('test'); }else{ document.getElementById('resultat').innerHTML=nombre+" n'est pas un nombre correct."; } } </script>
Ce code fonctionne.
Bon courage.
-
La syntaxe peut s'écrire différemment :
onClick='calcul();'
Mais je pense pas que ce soit ça.
Ce code est fonctionnel chez moi :<!DOCTYPE html> <html> <head> <script type='text/javascript' language='javascript'> function isNumber(n) { return !isNaN(parseFloat(n)) && isFinite(n); } function calcul(){ var nombre=document.getElementById('valeur').value; if(isNumber(nombre)){ document.getElementById('resultat').innerHTML=5*nombre; alert('test'); }else{ document.getElementById('resultat').innerHTML=nombre+" n'est pas un nombre correct."; } } </script> </head> <body> <form name='calc'> <input type='text' id='valeur'/>X5 = <input type='button' value='calculer' onClick='calcul();'/> </form> <p id='resultat' > </p> </body> </html>
-
C'est bon ça marche aussi , peut être onClick à la place de onclick
Merci du coup de main
RESOLU -
Pas de soucis ;)
Tu as un lien en haut de la conversation pour la faire apparaitre en résolu!
