Donner une valeur de bouton HTML avec Javascript

Bonjour à tous,
J'essaie de créer une fonction sous javascript permettant de donner une valeur à un bouton html, dépendant de variables.
Pour ce faire je souhaiterais appliquer la structure suivante:

mon JS

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 var plaques = new Array(1,2,3,4,5,6,7,8,9,10);
function changeNameOverButtons(){
	var a = plaques[0];
	var b = plaques[1];
	var c = plaques[2];
	var d = plaques[3];
	var e = plaques[4];
	var f = plaques[5];
	document.form.bouton1.value = a;
	document.form.bouton2.value = b;
	document.form.bouton3.value = c;
	document.form.bouton4.value = d;
	document.form.bouton5.value = e;
	document.form.bouton6.value = f;
}
changeNameOverButtons();

mon HTML:

Code:

1
2
3
4
5
6
7
<form name="form">
<input type="button" name="bouton1">
<input type="button" name="bouton2">
<input type="button" name="bouton3">
<input type="button" name="bouton4">
<input type="button" name="bouton5">    
</form>

Le problème, c'est que lorsque j'essaie de réappliquer ce code dans mon fichier HTML, cela ne marche pas. J'ai beau avoir cherché, je ne trouve pas mon erreur.
Pouvez-vous m'aider à éclaircir mon code ? Merci

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
<html>
<meta charset="UTF-8"/>
<script type="text/javascript">
 
// Fonction permettant de mélanger un tableau
function shuffle(a)
{
   var j = 0;
   var valI = '';
   var valJ = valI;
   var l = a.length - 1;
   while(l > -1)
   {
		j = Math.floor(Math.random() * l);
		valI = a[l];
		valJ = a[j];
		a[l] = valJ;
		a[j] = valI;
		l = l - 1;
	}
	return a;
 }
 
var a = new Array(1,1,2,2,3,3,4,4,5,5,6,6,7,7,8,8,9,9,10,10,25,50,75,100);
 
// Fonction qui va sélectionner nos valeurs au hasard, en mélangeant les valeurs du tableau, en prenant le premier indice et en supprimant celui-ci du tableau initial.
function plaques(n)
{
	var a = new Array(1,1,2,2,3,3,4,4,5,5,6,6,7,7,8,8,9,9,10,10,25,50,75,100);
	plaques = new Array();
 
	for (var i=0; i<n; i++)
	{
		shuffle(a);
		plaques[i] = a[0];
		a.shift;
	}
	document.write("Les plaques à utiliser sont: <br>"+plaques);
}
// Fonction permettant (en principe)de changer le texte qui apparait sur les boutons
function changeNameOverButtons()
{
	var a = plaques[0];
	var b = plaques[1];
	var c = plaques[2];
	var d = plaques[3];
	var e = plaques[4];
	var f = plaques[5];
 
	document.form.bouton1.value = a;
	document.form.bouton2.value = b;
	document.form.bouton3.value = c;
	document.form.bouton4.value = d;
	document.form.bouton5.value = e;
	document.form.bouton6.value = f;
}
plaques(6);
changeNameOverButtons();
</script>
 
<form name="form">
<input type="button" name="bouton1" value=""/>
<input type="button" name="bouton2" value=""/>
<input type="button" name="bouton3" value=""/>
<input type="button" name="bouton4" value=""/>
<input type="button" name="bouton5" value=""/>
<input type="button" name="bouton6" value=""/>
</form>
 
</html>

Ca doit correspondre au chapitre 0 de l'introduction à JavaScript : au moment où tu appelles ta fonction, le formulaire n'existe pas encore dans le DOM.

Oups, une variable qui change de type pendant l'exécution…
Code:

1 2 3 4 5 6 7 8 9 function plaques(n) { ... plaques = new Array(); ... } ... plaques(6);
Tu es sûr de ce qui se passe ici ? Parce que d'accord ça marche, mais c'est peut-être une coïncidence.

Et tiens, un document.write qui traîne. On a déjà parlé de ça je crois… :nono: