Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.89/19: Рейтинг темы: голосов - 19, средняя оценка - 4.89
0 / 0 / 0
Регистрация: 08.06.2016
Сообщений: 6
1

Калькулятор расчёта стоимости натяжных потолков

08.06.2016, 01:14. Просмотров 3963. Ответов 2
Метки нет (Все метки)

Здравствуйте, уважаемые программисты!

Решил я, значит, сделать себе сайт на Wix (ибо знаний в программировании ноль) для услуг по монтажу натяжных потолков

Возникла необходимость запилить туда самый простенький калькулятор расчета стоимости: вводим площадь - получаем стоимость (типа, как здесь "Расчёт стоимости натяжного потолка с установкой": http://vipceiling.ru/moscow/).

На Wixе такого виджета, к сожалению, нет. Поддержка посоветовала добавить свой код самостоятельно. Начал я бороздить просторы интернета, нашел один код и стал пытаться в нем разбираться. Вроде бы получилось привести его к удовлетворительному виду, но вот с выводом стоимости так и не смог разобраться.

Короче, оставил я в коде всего две переменных: amount (площадь потолка) и summ (стоимость). Площадь выбирается в заданном диапазоне (от 6 до 30 с шагом 1). Соответственно, для каждого значения площади у меня есть свое значение стоимости. И вот, ну не знаю я, как вывести мне эти самые значения в поле стоимости. У меня значения стоимости выбраны самостоятельно, без каких-либо формул. Вот и что мне указать в переменной summ, чтобы она выводила мне мои значения (числа, без формул расчета).

Вот, собственно, код:
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
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
<!DOCTYPE html>
<html>
<head>
  <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
  <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
    <meta charset="utf-8">
    <style type="text/css">
    div.demo { padding: 10px !important; width: 900px;}
    .ui-widget{font-size: 0.6em !important;}
    </style>
    <script>
    $(function() {
        $( "#slider-range-max" ).slider({
            range: "max",
            min: 6,
            max: 30,
            value: 6,
            slide: function( event, ui ) {
                $( "#amount" ).val( ui.value );
                calc();
            }
        });
        $( "#amount" ).val( $( "#slider-range-max" ).slider( "value" ) );
    });
      
    function calc(par){
    amount = document.cl_form.amount.value;
  
    //var summ;
    summ = Number(amount)
    document.cl_form.summ.value=summ;
    document.getElementById("amounttd").innerHTML=amount;
    document.getElementById("summ").innerHTML=summ;
    return false; 
    }
    </script>
</head>
<body>
<form name="cl_form"> 
<div class="demo">
 
<p>
    <label for="amount">Площадь потолка, м2:</label>
    <input type="number" min="6" max="30" id="amount" onchange="calc(this.value);" style="border:0; color:#f6931f; font-weight:bold; width:30px;" />
</p>
<div id="slider-range-max"></div>
<p>
    <label for="summ">Стоимость, руб:</label>
    <input value="0" name="summ" readonly="readonly" maxlength="10" size="5" type="text">
</p>
<p>
    <table border="1" cellpadding="3" style="border-collapse: collapse;">
        <tr>
            <td>
                Площадь, м2: <p id="amounttd">0</p>
            </td>
            <td>
                Стоимость, руб: <p id="summ">0</p>
            </td>
        <tr>
    </table>
</p>
</div>
</form>
</body>
</html>
Сейчас у меня стоимость приравнена к площади, потому что я просто не знаю, что писать в переменной summ
Калькулятор расчёта стоимости натяжных потолков


Подскажите пожалуйста, как мне вывести для каждого значения площади свое значение стоимости!
0
Лучшие ответы (1)
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
08.06.2016, 01:14
Ответы с готовыми решениями:

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

Калькулятор для расчёта стоимости умного дома.
Есть вопрос по поводу калькулятора для расчёта стоимости умного дома на сайте. Макет во вложенном...

Калькулятор расчета стоимости на JS
Всем доброго времени суток! Нужна помощь в создании калькулятора расчета услуг. Формула такая: ...

Калькулятор расчета стоимости
Здравствуйте. Помогите посчитать конечную стоимость товара. Я вывожу из бд через php цену за 1 кв....

2
378 / 282 / 190
Регистрация: 31.05.2016
Сообщений: 764
08.06.2016, 07:16 2
Лучший ответ Сообщение было отмечено vantusxyz как решение

Решение

Заведите массив или объект в котором будут все соответствия площади и стоимости. Например:
Javascript
1
2
3
4
5
6
7
var data = {
    6: 3500,
    7: 4100,
    8: 4650,
    9: 5050
    // далее для всех остальных значений площади
};
Стоимость получить можно так:
Javascript
1
summ = data[amount]
1
0 / 0 / 0
Регистрация: 08.06.2016
Сообщений: 6
08.06.2016, 18:21  [ТС] 3
Спасибо! Премного благодарен!
0
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
08.06.2016, 18:21

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

Калькулятор расчета стоимости системы отопления
калькулятор расчета стоимости системы отопления. Добрый день помогите сделать калькулятор. Есть...

Создать калькулятор расчета стоимости автомобильных кресел
Как сделать такой калькулятор. При выборе нужных элементов как на сайте avtobm.ru

Калькулятор натяжных потолков
Доброе время суток. По заданию надо сделать калькулятор потолков на c#, но не получается пара...

Таблица для расчета натяжных потолков
Здравствуйте. В экселе новичок, но нужно сделать таблицу для себя для расчета натяжных потолков....


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

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

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