Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 14.04.2020, 20:14
Интересующийся
Отправить личное сообщение для ajaxst Посмотреть профиль Найти все сообщения от ajaxst
 
Регистрация: 20.07.2018
Сообщений: 18

Доработка калькулятора для сайта
При выводе результатов, значение не отображается в нужном формате: 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>
Ответить с цитированием
  #2 (permalink)  
Старый 14.04.2020, 20:40
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,109

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

result.innerHTML = numberWithCommas(price);
Ответить с цитированием
  #3 (permalink)  
Старый 15.04.2020, 09:36
Интересующийся
Отправить личное сообщение для ajaxst Посмотреть профиль Найти все сообщения от ajaxst
 
Регистрация: 20.07.2018
Сообщений: 18

Спасибо большое за помощь.
А что бы автоматический был просчет в процессе ввода данных (это не обязательно, для интереса)
Ответить с цитированием
  #4 (permalink)  
Старый 15.04.2020, 09:38
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,109

ajaxst,
onchange
oninput
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Правильно вызвать массив biryukovm Элементы интерфейса 3 19.03.2018 13:31
Требуется сделать калькулятор для сайта по клинингу L_D_I Работа 12 20.12.2017 14:12
CMS или Framework для сайта xShift Серверные языки и технологии 1 13.01.2017 17:56
Скрипт корзины для сайта EasyNetShop.ru Ваши сайты и скрипты 0 17.11.2016 14:57
opera6.ini настройки для сайта cool Opera, Safari и др. 0 21.01.2011 12:15