变量不变，保持为0答案

【问题标题】：Variable not changing, stays at 0变量不变，保持为0
【发布时间】：2014-05-23 01:26:44
【问题描述】：

我正在尝试制作增量类型的游戏。有这个网站，dmholley.co.uk，提供了基本代码。

问题：购买游标后，游标数量没有变化。它只是停留在 0。

这里是 index.html

<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <link rel="stylesheet" type="text/css" href="interface.css" />
    </head>

<body>
    <button onclick="cookieClick(1)">Click Me!</button>
    <br />
    Cookies: <span id="cookies">0</span>
    <br />
    <button onclick="buyCursor()">Buy Cursor </button>
    <br />
    Cursors: <span id="cursors">0</span>
    Cursor Cost: <span id="cursorCost">10</span>
    <script type="text/javascript" src="main.js"></script>

</body>

这是 main.js

var cookies = 0;
function cookieClick (number){
    cookies = cookies + number;
    document.getElementById("cookies").innerHTML = cookies;
};
var cursors = 0;
function buyCursor(){
    var cursorCost= Math.floor(10*Math.pow(1.1,cursors));
    if(cookies >= cursorCost){
        cursors = cursors + 1;
        cookies = cookies - cursorCost;
        document.getElementByID('cursors').innerHTML = cursors;
        document.getElementById('cookies').innerHTML = cookies;
    };
    var nextCost=Math.floor(10* Math.pow(1.1,cursors));
    document.getElementById('cursorCost').innerHTML = nextCost;
};
window.setInterval(function(){
    cookieClick(cursors);
}, 1000);

【问题讨论】：

所以调试它。使用console.log() 记录应用程序中不同点的变量，直到您发现问题所在。

标签： javascript html var

【解决方案1】：

您必须点击“点击我”至少 10 次才能发生任何事情。

然后点击“购买光标”。

你会发现你的代码有错误：

注意函数的大小写：

document.getElementByID('cursors').innerHTML = cursors;
document.getElementById('cookies').innerHTML = cookies;

容易修复！

【讨论】：

啊哈明白了，光标前的 ID 和 ' 不同。谢谢