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仅更新变量lives的值，但您不更新生命的显示。您可以在line --;之后添加此行：

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