Как добавить пробелы между тысячными через HTML код?

Question

[newbie_in_html]

Всем привет!

Использую конструктор Tilda для создания сайта, пока не силен в создании сайтов. Подскажите пожалуйста, как разделить тысячные в калькуляторе при отображении, через HTML код ? Как я понял можно только через HTML код.
пример: есть Итого: 15978884, нужно Итого: 15 978 884.
Ссылка для полного понимания: https://calc-rastamozhka.kz/. Цифры "Итого" не очень читабельны, каша в общем.

Спасибо!

Comments

[Сергей delphinpro]

https://yandex.ru/search/?text=javascript+разбить+...

! Ответ легко ищется поисковиком.

[Rsa97]

Для того, чтобы ответ легко искался, надо знать терминологию, а не придумывать свою. "Тысячные" - это третий разряд после запятой в десятичной дроби. Пробел между тысячными не поставить никак.
0.001 - одна тысячная. Поставьте пробел между 1 и 1.

[newbie_in_html]

Не помогло. https://www.youtube.com/watch?v=AImSSTrRXHY (схожая ситуация) на видео мужик показывает код, но если я его ввожу данные не меняются. Поисковики не особо помогли, так как он показывается варианты как изменить код. В моем случаи из за особенности Tilda, из инструментов есть только добавление HTML кода.

Answer 1

[Михаил Лялин]

в каждом языке свои правила отображения разрядности чисел и т.п.

Answer 2

[Александр]

Если нет никакой возможности исправить вывод расчёта (не работал с Тильдой, не знаю, есть ли возможность изменения вывода), можете отслеживать изменения элементов.

const formatContent = (element) => {
    const text = element.textContent.replace(/\s*/g, '');
    const number = parseFloat(text);

    if (!Number.isNaN(number)) {
        const formatted = number.toLocaleString('ru-RU');
        if (element.dataset.formatted === text) {
            return;
        }

        element.textContent = formatted;
        element.dataset.formatted = formatted;
    }
};

const mutationObserver = new MutationObserver(
    (mutations) => mutations.forEach((mutation) => formatContent(mutation.target))
);

document.querySelectorAll('.t-calc').forEach((element) => {
    formatContent(element);
    mutationObserver.observe(element, { childList: true });
});