je débute, mais je me soigne!

Version imprimable

Bonjour,
Je débute en javascript, et je m'essaie à quelques mini programmes.

Voici le code d'un qui me pose problème (conversion d'un entier en binaire) :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 <html> <head> <script type="text/javascript"> function bin () { nombredec = document.getElementById('nb').value; nombrebin = nombredec.toString(2); alert(nombrebin); } </script> </head> <body> <form name="conversion" method="post"> <input type="number" name="nb" value="0" id="nb"/> <input type="button" value="Transformer en binaire" onclick="javascript:bin()"/> </form> </body> </html>
Je ne comprends pas pourquoi j'obtiens le nombre décimal que j'ai donné au départ, et non le nombre converti en binaire...

Le prog en lui-même n'a rien d’intéressant, mais j'aimerai bien comprendre quelle erreur (sans doute grossière je fais!)

Merci.

02/05/2014, 19h10
arnogues
il faut transformer la valeur en entier avec parseInt
Code:

1 2 parseInt(nombredec,10).toString(2)
02/05/2014, 19h29
Auteur

bonjour

une petite remarque dans le code HTML

Code:

<input type="button" value="Transformer en binaire" onclick="javascript:bin()"/>

après un événement onxxxx on a toujours du javascript, il est donc inutile de préciser le type :

Code:

<input type="button" value="Transformer en binaire" onclick="bin()"/>
02/05/2014, 20h33
fabulon46
Citation:
Envoyé par arnogues

il faut transformer la valeur en entier avec parseInt

Code:

1 2 parseInt(nombredec,10).toString(2)
Effectivement, c'est ça.
Pourtant, je transmets bien un entier avec mon imput de type number, non?

ps: merci aussi à Auteur pour sa remarque.
02/05/2014, 22h02
Auteur

Citation:

Envoyé par fabulon46

Pourtant, je transmets bien un entier avec mon imput de type number, non?.

non, le contenu de cette chaine représente un nombre, "value" est une chaine de caractères. Il faut donc la convertir en type entier avec parseInt()
02/05/2014, 22h46
fabulon46

Ok, merci.
Pas simple quand même...

Un nouveau souci... ;)

Je souhaite cette fois ci que le champ d'un input se remplisse automatiquement, une fois la valeur binaire calculée.
Voilà mon code:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 <!DOCTYPE html> <html> <head> <script type="text/javascript"> function bin (zone) { nombredec = zone.value; nombrebin = parseInt(nombredec,10).toString(2); //alert(nombrebin); document.getElementById(nbbin).value = nombrebin; } </script> </head> <body> <form name="transfert" method="post"> <input type="number" name="nbdec" value="0" id="nbdec"/> <input type="button" value="Transformer en binaire" onclick="bin(nbdec);"/> <br> <input type="text" name="nbbin" id="nbbin"/> </form> </body> </html>
Mon dernier input identifié "nbbin" ne se "remplit" pas, alors dans la fonction javascript, je mets un document.getElementById(nbbin).value = nombrebin;

Je dois tout mélanger je pense, mais je vois pas quoi...

J'ai changé ma façon de faire: je fais appel à document.forms et ça marche!

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
 
<!DOCTYPE html>
<html>
	<head>
		<script type="text/javascript">
			function bin (zone) {
				nombredec = zone.value;
				nombrebin = parseInt(nombredec,10).toString(2);
				document.forms["transfert"].elements["nbbin"].value = nombrebin;
 
			}
 
		</script>
	</head>
	<body>
		<form name="transfert" method="post">
			<input type="number" name="nbdec" value="0" />
			<input type="button" value="Transformer en binaire  =>" onclick="bin(nbdec);"/>
			<input type="number" name="nbbin" value="0" />
		</form>
	</body>
</html>

Mais, si qq pouvait me dire ce qui clochait dans mon 1er script... histoire de comprendre!

03/05/2014, 21h58
Auteur

Code:

document.getElementById(nbbin).value = nombrebin;

tu as oublié les guillemets :

Code:

document.getElementById("nbbin").value = nombrebin;

sinon sans les guillemets, tu vas chercher dans le contenu de la variable nbbin, variable non déclarée et qui ne contient rien.
04/05/2014, 09h15
fabulon46

Ca me rassure, ce n'est pas une erreur de non sens, mais plutôt une erreur de syntaxe.
Merci!
07/05/2014, 03h29
Watilin

En parlant d'erreurs, elles ne sont pas faciles à repérer quand on débute, car par défaut elles sont cachées. Il faut ouvrir la console du navigateur (l'article est sur Firebug mais la plupart des conseils donnés valent aussi bien pour les autres consoles des autres navigateurs).