Question

我有一个使用JavaScript的拼写游戏。

目前，当单词拼写正确时，它将显示一条消息。

if(++score >= str.length) {
    var text = 'Well done! The correct word is ' + str + '!'
    drawBackground(background, images.back, text);
}

我想为每个正确的单词显示一个点并递增它。这就是我尝试但没有运气

function points() {
    var points = 0;    
    if(++score >= str.length) {    
        points++;
        document.getElementById("points").innerText="Score: " + points; 
    }
}

显示分数的HTML

<p>Score: <span id="points"></span></p>

Answer 1

代码问题：

每次进入points功能时，0的值都会重置为points()。您必须将var points = 0移到points()之外，使其成为全局变量。
由于您不能拥有同名的函数和全局变量，因此必须重命名points变量（例如numPoints）。
The el.innerText property will only work on IE。将其替换为el.textContent。

改进了代码版本：

let numPoints = 0;    

function points() {
    if(++score >= str.length) {    
        numPoints++;
        document.getElementById("points").textContent = "Score: " + numPoints; 
    }
}

使用javascript拼写游戏得分

1 个答案: