premier script javascript

Version imprimable

Bonjour,
Je me mets à JS et je me suis donné comme premier TP d'écrire un convertisseur euro/cfa. L'idée c'est que après avoir cliqué sur le bouton, la zone de texte "euro" doit contenir la valeur convertie de la zone "cfa".Voici ci-dessous le code. Quelqu'un pourrait-il me dire pourquoi ça marche pas? Et surtout ce qu'il y a à corriger dans ce code?
Merci d'avance
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 <html> <head> <title> exercices de javascript</title> <script type="text/javascript"> function convertir(cfa) { document.form.getElementById('euro').value=cfa/656; } </script> </head> <body > <form> <input type="text" id="cfa" name="cfa" value="0"><br> <input type="button" name="convertir" value="convertir" onClick=convertir(document.form.getElementById('cfa'));><br> <input type="text" id="euro" name="euro" value=""> </form> </body> </html>

18/08/2010, 07h47
vermine
Bonjour,

Alors c'est plutôt bien pour un début. :ccool:
Faites attention aux noms des objets que vous définissez. Vous appelez le bouton "convertir" et vous appelez la fonction... "convertir". Du coup il y a confusion. Changez le name du bouton.

Ensuite, écrivez bien votre onclick avec la casse, les apostrophes et le .value du champ dont vous allez vous servir: ;)
Code:

1 2 onclick="convertir(document.getElementById('cfa').value);"
Pour la fonction convertir, je vous laisse chercher un peu de ce côté-ci pour arrondir votre résutat si vous le désirez.
18/08/2010, 07h58
Bovino

Code:

document.form.getElementById('euro').value=cfa/656;

Cette notation est mauvaise.
getElementById est une méthode exclusive de l'objet document, c'est donc

Code:

document.getElementById('euro').value=cfa/656;

Sinon, une notation telle que

Code:

document.form

va rechercher dans la page un élément dont le name est "form". Or form est aussi une propriété des éléments de formulaires référençant le formulaire qui les contient, par exemple

Code:

document.getElementById('euro').form;

correspond au formulaire.
Enfin, tu peux passer aussi par la collection forms qui renvoie un tableau des formulaires de ta page.

Code:

document.forms[0];