Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
 
Рейтинг 5.00/5: Рейтинг темы: голосов - 5, средняя оценка - 5.00
47 / 32 / 5
Регистрация: 07.02.2013
Сообщений: 374
1

Калькулятор стоимости

22.10.2015, 11:19. Просмотров 904. Ответов 2
Метки нет (Все метки)

есть на сайте форма заказа. нужно сделать некий калькулятор стоимости доставки в зависимости от количества товара введенного пользователем. мой код работает но только когда уже введено и пользователь ушел из инпута(кликнул где то еще). как сделать что бы данные парсились сразу после ввода цифры

Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
        function calc() {
     
            var count = document.getElementById("count"); 
            var result = document.getElementById("result"); 
            var result2 = document.getElementById("col"); 
            
 
            var price = 1000;
            var dost = 250;
            var col = 0;
            
            price = parseInt(count.value) * price + dost;
            col = parseInt(count.value);
 
            result.innerHTML = price;
            result2.innerHTML = col;
        }
0
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
22.10.2015, 11:19
Ответы с готовыми решениями:

Калькулятор стоимости
Здравствуйте, делаю калькулятор стоимости. В JS полный ноль и следовательно возник вопрос:Нужно что...

Калькулятор стоимости товаров
Как сделать чтобы в алерте выводился результат. При клике на товар (one, two), цена должна быть...

Калькулятор расчета стоимости
Здравствуйте. Помогите пожалуйста. есть код калькулятора расчета стоимости товара, но расчет...

Калькулятор стоимости услуг
Здравствуйте, помогите довести до ума калькулятор стоимости услуг: необходимо площадь *выбранное...

2
Эксперт HTML/CSS
647 / 551 / 322
Регистрация: 27.01.2015
Сообщений: 1,374
22.10.2015, 12:07 2
HTML5
1
2
3
<input type="text" id="count">
    <div id="rez"></div>
    <div id="rez2"></div>
Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
var price = 1000;
var dost = 250;
var col = 0;
count.oninput = function(){
    var self = this;
    setTimeout(function(){calculate.call(self);}, "500");
}
function calculate(){
    sum = parseInt(this.value) * price + dost;
    col = parseInt(this.value);
    if(col){
        rez.innerHTML = "цена:" + sum;
        rez2.innerHTML = "кол-во: " + col;
    }
    else{
        rez.innerHTML = "цена:";
        rez2.innerHTML = "кол-во: ";
    }   
}
пример
0
343 / 318 / 203
Регистрация: 27.06.2014
Сообщений: 760
22.10.2015, 12:38 3
PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Документ без названия</title>
    <script>
        window.addEventListener ("load", function () {
            var b = document.querySelectorAll ("input[type='text']"),
                f = function () {
                    var price = 0;
                    for (var i = 0, len = b.length; i < len; i++) {
                        var ch = parseInt (b[i].value);
                        price +=  isNaN(ch) ? 0 : ch;
                    }
                    document.getElementById ("res").innerHTML = price;
                };
            for (var i = 0, len = b.length; i < len; i ++) {
                b[i].addEventListener ("input", f);
            }
        })
    </script>
</head>
<body>
<table>
    <tr>
        <td>price</td>
        <td><input type="text"></td>
    </tr>
    <tr>
        <td>price</td>
        <td><input type="text"></td>
    </tr>
    <tr>
        <td>price</td>
        <td><input type="text"></td>
    </tr>
    <tr>
        <td>price</td>
        <td><input type="text"></td>
    </tr>
    <tr>
        <td>price</td>
        <td><input type="text"></td>
    </tr>
    <tr>
        <td colspan="2" id="res">0</td>
    </tr>
</table>
</body>
</html>
1
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
22.10.2015, 12:38

Заказываю контрольные, курсовые, дипломные и любые другие студенческие работы здесь.

Калькулятор подсчет стоимости товара
Всем привет! Помогите пожалуйста, мне нужно сделать на JS калькулятор, вроде бы все просто, а вот...

Не работает калькулятор стоимости товара
Здравствуйте! Есть простой калькулятор стоимости товара, конечная цена зависит от выбранных...

Калькулятор подсчета стоимости грузоперевозки
Доброго времени суток уважаемые программисты :) Облазил пол интернета в поисках нужно скрипта или...

Создать калькулятор подсчета стоимости
Ребята, может у кого-то есть калькулятор, для подсчета стоимости окон. Знания скудные в JS и PHP,...

Калькулятор стоимости через выпадающие списки
То, что я смог cделать сам: fortesting.comli.com/calc/option1.html Что мне не удалось сделать:...

Калькулятор стоимости потолка и дополнительных услуг.
Всех приветствую! Есть вопрос, нужно создать калькулятор на Javascript, таким образом как тут -...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2020, vBulletin Solutions, Inc.