javascript - 如何将数字四舍五入到小数点后八位并使用不同的颜色？

Question

很抱歉问了看起来像评论提出的问题，但我似乎无法解决。

如何写0.2，四舍五入到小数点后八位，并用不同的颜色表示，如下👇

谁能告诉我怎么解决？

非常感谢!

Answer 1

您需要执行以下步骤:

1. 使用 toFixed(8) 创建数字的固定字符串表示形式，它提供 8 位小数。
2. 获取子字符串，将其分成两部分，根据需要为每个部分应用不同的颜色。
3. 为每个部分创建一个 span 元素并为其添加一个类。
4. 将此最终 HTML 添加到您的网页中。

function changeNum(elemId, num){
  var fixed8 = num.toFixed(8);
  var substrWhite = fixed8.substr(0, fixed8.indexOf('.')+3);
  var substrGrey = fixed8.substr(fixed8.indexOf('.')+3, fixed8.length);
  var nHTML = "<span class='white'>"+substrWhite+"</span><span class='grey'>"+substrGrey+"</span>"
  document.getElementById(elemId).innerHTML = nHTML;
}

var num = 0.2;
changeNum('content1', num);
num = 0.56;
changeNum('content2', num);
num = 0.123;
changeNum('content3', num);

.white{
  color: white;
}
.grey{
  color: grey;
}
div{
  background: #444;
}

<div id='content1'></div>
<div id='content2'></div>
<div id='content3'></div>