Как сделать число округленным до восьми знаков после запятой и с разным цветом?

Question

Извиняюсь за вопрос, похожий на вопрос, заданный в комментарии, но я не могу решить.

Как мне написать от 0,2 до округления до восьми знаков после запятой и сделать его другим цветом, напримерниже

1004 *

Может кто-нибудь сказать мне, как решить ??

Большое спасибо!

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>