Javascript simple aide debug [Résolu/Fermé]

Signaler
-
Messages postés
816
Date d'inscription
mercredi 20 février 2013
Statut
Membre
Dernière intervention
24 novembre 2018
-
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?

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

Messages postés
816
Date d'inscription
mercredi 20 février 2013
Statut
Membre
Dernière intervention
24 novembre 2018
92
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.
merci, c'est pas vraiment important que je teste is Numeric (je vait essayer !IsNan ou même virer le test) , au pire ça renverras une erreur mais j'arrive pas à appliquer ma fonction...
je suit sous firefox il faut que je teste avec chrome mais il y a quelque chose que j'ai pas comprit...
testé toujours rien en sortie, le soucis doit venir de l'appel de fonction...il me semble qu'il y a une autre syntaxe qu'avec OnClick ou alors la mienne est pas bonne...
Ou alors mon ciblage avec getElementBy...?
Messages postés
816
Date d'inscription
mercredi 20 février 2013
Statut
Membre
Dernière intervention
24 novembre 2018
92
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
Messages postés
816
Date d'inscription
mercredi 20 février 2013
Statut
Membre
Dernière intervention
24 novembre 2018
92
Pas de soucis ;)

Tu as un lien en haut de la conversation pour la faire apparaitre en résolu!