Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Доработка калькулятора для сайта (https://javascript.ru/forum/misc/79990-dorabotka-kalkulyatora-dlya-sajjta.html)

ajaxst 14.04.2020 20:14

Доработка калькулятора для сайта
 
При выводе результатов, значение не отображается в нужном формате: 15 120.50 (после запятой только 2 символа)

<!DOCTYPE html>
<html>
<head>
</head>
<body>
<script type="text/javascript">
   function calc() {
    var count = document.getElementById("count");
    var result = document.getElementById("result");
	var price = 0;
	
    price += 10.8;
    price = parseInt(count.value) * price;
	result.innerHTML = price;
}
function numberWithCommas(str) {
    return (+str).toFixed(2).replace(/(\d+)(\.\d+)?/g, function (c, b, a) {
    return b.replace(/(\d)(?=(\d{3})+$)/g, "$1 ") + a
});
}
document.addEventListener("DOMContentLoaded", function() {
    document.querySelectorAll(".threewords").forEach(
    function(elem) {
      elem.textContent = numberWithCommas(elem.textContent);
    })

});
</script>
<input type="text" id="count" value="0" onchange="calc()" />
<div id="result" class="threewords">0</div>
</body>

</html>

рони 14.04.2020 20:40

Цитата:

Сообщение от ajaxst
не отображается в нужном формате

:(
result.innerHTML = numberWithCommas(price);

ajaxst 15.04.2020 09:36

Спасибо большое за помощь.
А что бы автоматический был просчет в процессе ввода данных (это не обязательно, для интереса)

рони 15.04.2020 09:38

ajaxst,
onchange
oninput


Часовой пояс GMT +3, время: 17:22.