troubles dans une fonction resultat et images

Version imprimable

Bonjour a tous :calim2:

J'ai donc travaillé mon code mais mes images de mes dés ne s'affiche pas et le resultat de mes deux dés s'affiche pas non plus ....
Je seche....:oops:

Merci a tous

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
<html> 
 
<head> 
<title>Lancer de dés</title> 
 
	<script language="javascript"> 
		function afficher() { 
		document.getElementById('result').style.display = 'block'; 
		} 
		function ini() { 
		var val1 = parseInt((Math.random()*6+0.5), 10); 
		var val2 = parseInt((Math.random()*6+0.5), 10); 
		var de1 = document.getElementById('image1.jpg","image2.jpg", "image3.jpg","image4.jpg","image5.jpg","image6.jpg');
		var de2 = document.getElementById('image1.jpg","image2.jpg", "image3.jpg","image4.jpg","image5.jpg","image6.jpg');
 
 
		if(img1 != null && de1 != null){ 
		img1 = '<img src="./image' + val1 + '.jpg" />'; 
		de1.value = val1; 
		document.getElementByID('img1').innerHTML = img1; 
		} 
		if(img2 != null && de2 != null){ 
		img2 = '<img src="./image' + val2 + '.jpg" />'; 
		de2.value = val2; 
		document.getElementByID('img2').innerHTML = img2; 
		} 
		afficher(); 
		var somme = val1 + val2 ; 
		document.getElementByID('somme').innerHTML = somme; 
		} 
 
 
	</script> 
</head> 	
	<body> 
		<form name="doc"> 
		<input type="button" value="Lancer les dés" onclick="ini();"><br /> 
		<div id="result" style="display:none;"> 
		<div id="img1" />
		<input img src="./images1.jpg" Id="de1" value="" />
		<div id="img2" />
		<input img src="./images2.jpg" Id="de2" value="" />
		<br>Le resultat est :<div id="somme"></div> 
		</form> 
	</body> 
 
</html>

j'ai pas tout compris

sinon essai ca

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
 
 
<html> 
 
<head> 
<title>Lancer de dés</title> 
 
	<script language="javascript">
 
		var tbimage=['image1.jpg','image2.jpg','image3.jpg','image4.jpg','image5.jpg','image6.jpg']
		function afficher() { 
 
 
 
		document.getElementById('result').style.display = 'block'; 
		} 
		function ini() { 
		var val1 = parseInt((Math.random()*6+0.5), 10); 
		var val2 = parseInt((Math.random()*6+0.5), 10);
		document.getElementById('de1').src=tbimage[val1-1];
		document.getElementById('de2').src=tbimage[val2-1];
		afficher(); 
		var somme = val1 + val2 ; 
		document.getElementById('somme').innerHTML = somme; 
		} 
 
 
	</script> 
</head> 	
	<body> 
		<form name="doc"> 
		<input type="button" value="Lancer les dés" onclick="ini();"><br /> 
		<div id="result" style="display:none;"> 
		<br>Le resultat est :<div id="somme"></div> 
		</form> 
		<br>
		<img src='' id='de1'>
		<img src='' id='de2'>
	</body> 
 
</html>

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
<script type="text/javascript">
 
var tbimage=[], val1, val2;
for(i=1;i<7;i++){
	tbimage.push("image"+i+".jpg")
}
 
function ini() { 
val1 = Math.floor(Math.random()*6);  
val2 = Math.floor(Math.random()*6); 
document.getElementById("de1").src=tbimage[val1];
document.getElementById("de2").src=tbimage[val2];
document.getElementById('somme').firstChild.data="Le résultat est " +(val1 + val2 + 2); 
} 
 
</script> 
 
 
<form id="doc" action=""> 
<div>
<input type="button" value="Lancer les dés" onclick="ini();" />
</div>
<div id="somme">?</div>
</form>
 
<div>
<img src="" id="de1" alt="de1" />
<img src="" id="de2" alt="de2" />
</div>