11548 sujets

JavaScript, DOM et API Web HTML5

Bonjour,

Je vous présente d'abord le problème sémantique de la fonction :

Je souhaite réaliser une page qui propose :

- Le choix entre l'insertion de 6 pièces (0.05, 0.1, 0.2, 0.5, 1, 2) sur l'interface (6 images dans le code html avec l'attribut onclik)
- Le stockage de la valeur des pièces dans un tableau 1D (sans être définit en objet), avec une limite de 30 pièces insérées
- L'affichage du tableau (juste pour vérifier que le stockage fonctionne, pour à l'avenir faire la somme de ce tableau)

Pour cela, j'ai décidé de réaliser une boucle (avec compteur) qui stocke la valeur de la pièce insérée (le clique) dans le tableau.

Seulement, mon problème est d'associer la valeur de la pièce, déclenché lors du clique sur l'image de la pièce, à la fonction.

Je ne comprends exactement pourquoi mon programme ne fonctionne pas :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!-- saved from url=(0067)https://www.univ-savoie.fr/Portail/Members/cecha/ALgoProg/test.html -->
<HTML>
<HEAD>
<TITLE>La machine a café</TITLE>
<script type="text/javascript">
			
			var tableau[];
			var valeur;
			var tableau.lenght=6;
			var cpt=0;
	
			//proc inserer_monnaie c'est fixe (tableau.lenght, valeur) mod (tableau)
			function inserer_monnaie (valeur) 
			{
			
			for(cpt;cpt<tableau.lenght;cpt++){
			switch(valeur){
			case 0.05 : tableau[cpt]=0.05++;break;
			case 0.1 : tableau[cpt]=0.1++;break;
			case 0.2 : tableau[cpt]=0.2++;break;
			case 0.5 : tableau[cpt]=0.5++;break;
			case 1 : tableau[cpt]=1++;break;
			case 2 : tableau[cpt]=2++;
					}
					tableau[cpt]=valeur;
			}
			alert(tableau);

			}
			</script>
</HEAD>
<BODY bgcolor="#008080">
<CENTER><H1>** La Machine à Café **</H1>
<FORM name="formu">
<TABLE border=1>
    <TD align=middle>
	<IMG src="005.gif" height="40" width=40 onclick="inserer_monnaie(0.05)">
	<IMG src="010.gif" height="50" width=50 onclick="inserer_monnaie(0.1)"><BR>
	<IMG src="020.gif" height="50" width=50 onclick="inserer_monnaie(0.2)">
	<IMG src="050.gif" height="60" width=60 onclick="inserer_monnaie(0.5)"><BR>
	<IMG src="1.gif"    height="60" width=60 onclick="inserer_monnaie(1)">
	<IMG src="2.gif"    height="70" width=70 onclick="inserer_monnaie(2)">
	</TD>
  </TABLE>
  </FORM>
  </BODY>
  </HTML>


En espérant que vous ayez compris ma demande, je vous remercie d'avance de vos réponses Smiley cligne
Modifié par oXg3n (09 Nov 2011 - 23:59)