Increment/Decrement valeur div via évènements sur images
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:
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/