Javascript-форум (https://javascript.ru/forum/)
-   Events/DOM/Window (https://javascript.ru/forum/events/)
-   -   Калькуляция цены на сайте (https://javascript.ru/forum/events/74553-kalkulyaciya-ceny-na-sajjte.html)

ajaxst 20.07.2018 11:48

Калькуляция цены на сайте
 
Смысл задачи прост, надо что бы значение поля r-rub умножить на значения поля bank-eur, и в итоге в полк eur появился результат
<head>
		<script>
var rub = document.getElementById('r-rub').innerText;
var bankEUR = document.getElementById('bank-eur').innerText;
document.getElementById('eur').innerHTML = (rub*bankEUR).toFixed(2);
		</script>
	</head>

<body>
<span id="r-rub">100</span><br>
<span id="bank-eur">100</span><br>
<span id="eur"></span >

</body>

рони 20.07.2018 12:05

ajaxst,
оберните скрипт в load или поставьте после элементов.

ajaxst 20.07.2018 20:06

Спасибо большое за подсказку

ajaxst 21.07.2018 15:06

Преобразование формата числа поля
 
А как доработать так что бы число выводилось выводилось с пробелами, пример, не 12345678, а формата 12 345 678 (с пробелами после 3 цифер)

рони 21.07.2018 15:48

пробелы после 3 цифр
 
ajaxst,
<!DOCTYPE html>

<html>
<head>
        <script>
document.addEventListener("DOMContentLoaded", function() {
    function format(str) {
        return str.toString().replace(/(\d+)(\.\d+)?/g, function(c, b, a) {
            return b.replace(/(\d)(?=(\d{3})+$)/g, "$1 ") + (a ? a : "")
        })
    }
    var rub = document.getElementById("r-rub").innerText;
    var bankEUR = document.getElementById("bank-eur").innerText;
    var num = (rub * bankEUR).toFixed(2);
    num = format(num);
    document.getElementById("eur").innerHTML = num
});
        </script>
    </head>

<body>
<span id="r-rub">100</span><br>
<span id="bank-eur">100</span><br>
<span id="eur"></span >

</body>

</html>

ajaxst 22.07.2018 10:23

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


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