javascript - HTML 中的地址函数

Question

我正在 html 中尝试一些东西，我想使用 k、m、b 等公制前缀...我发现下面的代码运行得非常好，但我不知道如何在 html 中引用它.

我想让它应用到这个html代码，而不是显示:Ape cost: 1000000 我希望它显示1M。

该函数按预期工作，只是我不知道如何在 HTML 中使用它。

谢谢:)

<img STYLE="position:absolute; TOP:5px; LEFT:200px;" src='http//:myImage.png' width='95' height='40' onmouseover="this.src=' http//:myImage2.png ';" onmouseout="http//:myImage3.png';" onclick="buyApe()" />


<p style="position: fixed; top: -10; left: 300px">Ape Cost: <span id="apeCost">10</span> 
  <br />Apes: <span id="ape">0</span>
</p>

function nFormatter(num) {

  if (num >= 1000000000) {
    return (num / 1000000000).toFixed(1) + 'G';
  }
  if (num >= 1000000) {
    return (num / 1000000).toFixed(1) + 'M';
  }
  if (num >= 1000) {
    return (num / 1000).toFixed(1) + 'k';
  }
  return num;
}

Answer 1

在声明 nFormatter 函数和 html 元素之后在脚本 block 中使用它。

var costDisplay = document.getElementById("apeCost");
var originalValue = parseInt(costDisplay.innerHTML);

costDisplay.innerHTML = nFormatter(originalValue);

这个脚本在做什么:

我使用 document.getElementById 通过 id 获取您的 apeCost 元素。使用该功能，您可以从 html 中选择任何唯一的 id。然后我们想通过 innerHTML 更改它的内容，这也是检索内容的方式。我们通过costDisplay.innerHTML通过parseInt。这使我们确保检索到的值是一个整数。最后我们将其通过nFormatter进行转换。