初学者JavaScript-HTML页面不显示初始值

Question

我或多或少是JavaScript的新手，并且打算尝试一个非常基本的Hangman版本来使我前进。

我首先尝试在用户首次进入页面时显示一些生活，但随着他们选择的每个单词中没有该单词的字母，这都会减少。

我在外部文件中的JavaScript如下：

var lives = 5;

//Display the number of lives the user has remaining
var showLives = function(){
    document.getElementById("livesLeft").innerHTML = lives;
}

//Will decrease lives each time incorrect letter is chosen
function decrementLives(){
    lives--;
    showLives();
}

问题是当我最初加载HTML页面时，没有显示剩余寿命数的值，我希望它是5。

但是，当我单击身体上的任何位置时（当前出于测试目的，硬编码调用了decrementLives（））都可以完全按我的方式工作。 每次单击显示4、3，n-1。

关于为什么第一次出现的任何想法最初都不会像我期望的那样出现5个。 我一直在想，这可能与生活变量范围有关吗？

Answer 1

您必须在页面加载时实际调用该函数。 例如在onload事件中：

window.onload = showLives;