Bonjour à tous,

J'essaye de faire marcher une fonction onclick sur des images (+/-) permettant de modifier la valeur d'une div mais cela ne fonctionne pas et je ne comprends pas pourquoi...

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
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
 
<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="css/challenge.css" rel="stylesheet" />
</head>
<body>
 
	<script type="text/javascript">
 
		var i = 0;
 
    function incNumber(i) {
        if (i < 10) {
            i++;
        } else if (i = 10) {
            i = 0;
        }
        document.getElementById("scoExt").innerHTML = i;
    }
 
    function decNumber() {
        if (i > 0) {
            --i;
        } else if (i = 0) {
            i = 10;
        }
        document.getElementById("scoExt").innerHTML = i;
    }
  </script>
 
<div id="scoDom" class="score sc1">0</div>
 
<div id="scoExt" class="score sc2">
<label id="displayExt">0</label>
<div id=plusExt" class="addscoreExt">
	<a href="" onclick="incNumber()">
		<img src="images/challenge_score_addgoals.png">
	</a>
</div>
 
<div id=plusExt" class="removescoreExt">
	<a href="" onclick="decNumber()">
		<img src="images/change_score_removegoals.png">
	</a>
</div>
</div>
 
 
</body>
</html>
Code également accessible ici : https://jsfiddle.net/Lwmuqe0h/