Цифры сделать калькуляторном виде

Всем доброго дня! есть задача, уменя на страницке цена това выводится типа таким образам 20000 30000, ломаю голову как сделать так чтобы цена была 20 000, 30 000, 100 000, 2 000, вот конечно сдесть margin большой, что бы чуть чуть оталкивал, понимаю что сумму нужна обернуть span скриптом обработать, спасибо


Ответы (1 шт):

Автор решения: entithat

console.log(new Intl.NumberFormat('ru-RU').format(123135));

const price = new Intl.NumberFormat('ru-RU').format(1233414135);

document.getElementById('price').innerHTML = 
  price
    .split(/\s/)
    .map(e => `<span>${e}</span>`)
    .join('');
span:not(:first-child) {
  margin-left: 15px; /* тут укажите своё расстояние */
}
<div id="price"></div>

→ Ссылка