premier script javascript

**masbaye_noubadoum** · 18/08/2010, 02h28

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

**vermine** · 18/08/2010, 07h47

Bonjour,

Alors c'est plutôt bien pour un début.

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 html :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

**Bovino** · 18/08/2010, 07h58

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Sinon, une notation telle que

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part