Question

我正在尝试为糖果粉碎游戏制作一个评分系统，我刚刚完成了它。我遇到的问题是最后一部分，并在实际页面上显示分数，代码链接在下面，欢迎任何和所有帮助。我尝试使用＆gt; document.getElementById（“Score”）。innerHTML = score.toString（）; 但无论我把它放在哪里，我都会遇到错误。任何帮助表示赞赏。

代码：http://jsfiddle.net/2rjhwkm6/

样品：

这是我添加分数的地方，这样每次添加新的分块时，玩家都会得分：

//make Candies falling down
function gravity() {
    for ( x = 0; x < tileNum; x++) {
        var hole = 0;
        for ( y = tileNum - 1; y >= 0; y--) {
            if (!candyMatrix[x][y]) {
                hole++;
            } else {
                candyMatrix[x][y].reposition(x, y + hole);
            }
        }
        for ( i = 0; i < hole; i++) {
            var color = Math.floor(Math.random() * 6);
            var candy = new Candy(color, x, i-hole);
            $("#game").append(candy.JQ);
            candy.JQ.css("display","none");
            candy.reposition(x,i);
            candy.JQ.fadeIn(fadeTime);
            score++;

编辑：工作jsfiddle：http://jsfiddle.net/gkygfu5d/ 得到错误SyntaxError：无效字符'\ u8203'

Answer 1

无论CandyCrush.js如何，这似乎对我有用：

document.getElementById('Score').innerHTML = score.toString();

Working(ish) jsFiddle

Answer 2

似乎对我有用吗？

//make Candies falling down
function gravity() {
    for ( x = 0; x < tileNum; x++) {
        var hole = 0;
        for ( y = tileNum - 1; y >= 0; y--) {
            if (!candyMatrix[x][y]) {
                hole++;
            } else {
                candyMatrix[x][y].reposition(x, y + hole);
            }
        }
        for ( i = 0; i < hole; i++) {
            var color = Math.floor(Math.random() * 6);
            var candy = new Candy(color, x, i-hole);
            $("#game").append(candy.JQ);
            candy.JQ.css("display","none");
            candy.reposition(x,i);
            candy.JQ.fadeIn(fadeTime);
            score++;

        }
    }

    document.getElementById("Score").innerHTML = score.toString();
    setTimeout(candyChain,moveTime);
}

制作评分系统

2 个答案: