javascript - HTML5 Lives が更新されない

Question

私はあなたがマウスで通り抜ける迷路を持っています、そして私は生命のための機能を持っています

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

私がこの人生を表示する方法は

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

これらのブロックで関数を呼び出していますが、ライフが更新されません Help! <img id="a1" src="blackpixel.png" onMouseOver="lives()"/>

Answer 1

onmouseovervariable の値のみを更新しますが、Lives の表示は更新しませlivesん。次の行を後に追加できますline --;。

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