javascript - HTML5 Lives 没有更新

Question

我有一个迷宫，你可以用鼠标穿过，我有一个生命功能，它是

var life = 3;
function lives(){
life --;
}

我展示这种生活的方式是

<script type="text/javascript">
    document.write("<div id='hp'>" + "Lives: " + life + "</div>");
</script>

我用这些块调用函数，但它们没有更新生命帮助！ <img id="a1" src="blackpixel.png" onMouseOver="lives()"/>

Answer 1

您onmouseover只更新 variable 的值lives，但不更新 Lives 的显示。您可以在后面添加这一行line --;：

document.getElementById('hp').innerHTML = 'Lives: ' + life;