Javascript simple aide debug

Résolu/Fermé

janloup - Modifié par janloup le 8/06/2013 à 19:37
Utilisateur anonyme - 8 juin 2013 à 21:51

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>

A voir également:

Javascript simple aide debug
Telecharger javascript - Télécharger - Langages
Simple ocr - Télécharger - Bureautique
Iphone 14 simple - Guide
Simple file locker - Télécharger - Sécurité
Javascript round ✓ - Forum Javascript

4 réponses

Réponse 1 / 4

Utilisateur anonyme
8 juin 2013 à 19:54

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.

janloup
Modifié par janloup le 8/06/2013 à 20:42

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

janloup
Modifié par janloup le 8/06/2013 à 20:45

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...?

Réponse 2 / 4

Utilisateur anonyme
8 juin 2013 à 20:56

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>

Réponse 3 / 4

janloup
8 juin 2013 à 21:47

C'est bon ça marche aussi , peut être onClick à la place de onclick

Merci du coup de main

RESOLU

Réponse 4 / 4

Utilisateur anonyme
8 juin 2013 à 21:51

Pas de soucis ;)

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

Discussions similaires

Interprétation des LED EZ Debug sur carte mère MSI

c'est quoi debug et comment corriger l'erreur

DEBUG SUR ECRAN TV ORION

LCFC Debug Page Information

Aria-debug... comment s'en débarasser ? Merci

Discussions similaires

Newsletters