单击图像时如何更新文本

时间:2015-03-07 22:09:17

标签: javascript html image addeventlistener

我想在点击图片时更新分数,但它不会发生。

我有HTML:

<img id="item1" src="http://nikolajlicht.com/Unicorn/lasso.png">
<h1 id="score"></h1>

和JavaScript:

var score = 100;
var item1 = document.getElementById('item1');

var scoreText = document.getElementById('score');
scoreText.innerText = score;

item1.addEventlistener('click',function(){
    score -= 20;
    scoreText.innerText = score;
});

JSFIDDLE:http://jsfiddle.net/

2 个答案:

答案 0 :(得分:0)

item1.addEvent L istener而不是你的item1.addEventlistener

答案 1 :(得分:0)

更改为

item1.addEventListener('click',function(){

大写L

jsfiddle:http://jsfiddle.net/mm2j481t/