如何正确使用变量和Math.round

Question

所以我有这个javascript更新段落，但它只输出NaN 。 当我检查无var coins会输出? 在我单击按钮之前，我，如果我在HTML中按下按钮，则每次单击它都会添加0.01 ，然后我的输出最终会像这样?0.010.010.010.01.01...知道为什么会这样吗？

 var Cpc = 0.01; //Coins per Click var coins = 0; //Coins var cps = 0; //Coins per Sec setInterval(update, 10); function update() { var coinsFix = Number(Math.round(coins + 'e2') + 'e-2'); document.getElementById('Coins').innerHTML = coinsFix + ' $'; document.getElementById('CoinsB').innerHTML = coinsFix; document.getElementById('Cps').innerHTML = cps + ' Cps'; } function CPC() { function cpc() { var addCoins = coins + Cpc; return addCoins; } coins = cpc(); } 

 <div class="rightBox"> <div id="ClickSpot"> <button id="clickButton" onClick="CPC()"> <img src="ClickerCoin.png" alt="ClickerSpot" class="ClickerSpot"> </button> </div> </div> <div class="bottomBox"> <p id="Coins">Coins</p> <div id="CoinsB" style="display: none"></div> <p id="Cps">Cps</p> </div> 

Answer 1

您可以使用Number.toFixed两位数字。 结果是一个字符串。

toFixed()方法使用定点表示法格式化数字。

var coinsFix = coins.toFixed(2);
//                  ^^^^^^^^^^^

 var Cpc = 0.01; //Coins per Click var coins = 0; //Coins var cps = 0; //Coins per Sec setInterval(update, 10); function update() { var coinsFix = coins.toFixed(2); document.getElementById('Coins').innerHTML = coinsFix + ' $'; document.getElementById('CoinsB').innerHTML = coinsFix; document.getElementById('Cps').innerHTML = cps + ' Cps'; } function CPC() { function cpc() { var addCoins = coins + Cpc; return addCoins; } coins = cpc(); } 

 <div class="rightBox"> <div id="ClickSpot"> <button id="clickButton" onClick="CPC()"> <img src="ClickerCoin.png" alt="ClickerSpot" class="ClickerSpot"> </button> </div> </div> <div class="bottomBox"> <p id="Coins">Coins</p> <div id="CoinsB" style="display: none"></div> <p id="Cps">Cps</p> </div> 

Answer 2

更改

setInterval(update, 10);

至

setInterval("update()", 10);

也

var coinsFix = Number(Math.round(coins + 'e2') + 'e-2'); 

至

var coinsFix = coins.toFixed(2);

尝试这个：

var Cpc = 0.01; //Coins per Click
var coins = 0; //Coins
var cps = 0; //Coins per Sec

setInterval("update()", 10);

function update() {
    var coinsFix = coins.toFixed(2);
    document.getElementById('Coins').innerHTML = coinsFix + ' $';
    document.getElementById('CoinsB').innerHTML = coinsFix;
    document.getElementById('Cps').innerHTML = cps + ' Cps';
}

function CPC() {
    function cpc() {
        var addCoins = coins + Cpc;
        return addCoins;
    }
    coins = cpc();
}


<div class="rightBox"> 
  <div id="ClickSpot">
    <button id="clickButton" onClick="CPC()"> <img src="ClickerCoin.png" alt="ClickerSpot" class="ClickerSpot"> </button>
  </div>
</div>
<div class="bottomBox">
  <p id="Coins">Coins</p>
  <div id="CoinsB" style="display: none"></div>
  <p id="Cps">Cps</p>enter code here
</div>