je débute, mais je me soigne!

**fabulon46** · 02/05/2014, 18h49

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 :

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

**arnogues** · 02/05/2014, 19h10

il faut transformer la valeur en entier avec parseInt

Code :

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

1
2
 
parseInt(nombredec,10).toString(2)

**Auteur** · 02/05/2014, 19h29

bonjour

une petite remarque dans le code HTML

Code html :

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

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

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

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

**fabulon46** · 02/05/2014, 20h33

Envoyé par arnogues

il faut transformer la valeur en entier avec parseInt

Code :

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

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.

**Auteur** · 02/05/2014, 22h02

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()

**fabulon46** · 02/05/2014, 22h46

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

**fabulon46** · 03/05/2014, 10h57

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 :

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

**fabulon46** · 03/05/2014, 14h07

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

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

**Auteur** · 03/05/2014, 21h58

Code :

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

document.getElementById(nbbin).value = nombrebin;

tu as oublié les guillemets :

Code :

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

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.

**fabulon46** · 04/05/2014, 09h15

Ca me rassure, ce n'est pas une erreur de non sens, mais plutôt une erreur de syntaxe.
Merci!

**Watilin** · 07/05/2014, 03h29

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

je débute, mais je me soigne!

JavaScript

Discussions similaires

Partager

Partager