Пытаюсь собрать калькулятор для подсчета стоимости работ из готового.
Код:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Калькулятор на JavaScript</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<script type="text/javascript">
/*
* Функция подсчета стоимости
*/
function calc() {
var type_work = document.getElementById("type_work"); //получаем ссылку на элемент Select (Вид работ)
var add_par1 = document.getElementById("add_par1"); //получаем ссылку на чекбокс (Дополнительный параметр)
var add_par2 = document.getElementById("add_par2"); //получаем ссылку на чекбокс (Дополнительный параметр2)
var count = document.getElementById("count"); //получаем ссылку на элемент input (Длина)
var count2 = document.getElementById("count2"); //получаем ссылку на элемент input (Ширина)
var result = document.getElementById("result"); //получаем ссылку на элемент 2span, в него будем писать стоимость
var price = 0;
price += parseInt(type_work.options[type_work.selectedIndex].value);
price += (add_par1.checked == true) ? parseInt(add_par1.value) : 0;
price += (add_par2.checked == true) ? parseInt(add_par2.value) : 0;
price = parseInt(count.value) * (count2.value) * price;
result.innerHTML = price;
}
</script>
</head>
<body>
<b>Вид работ:</b><br/>
<select onchange="calc()" id="type_work">
<option value="0">Выбрать тип мойки окон</option>
<option value="30">Мойка вертикальных стекол</option>
<option value="40">Мойка горизонтальных стекол</option>
<option value="50">Мойка труднодоступных стекол</option>
<option value="50">Мойка сильно загрязненных стекол</option>
</select><br/>
<input type="checkbox" onchange="calc()" value="1000" id="add_par1" /> <label for="add_par1">Доп.параметр 1000р/м2</label>
<input type="checkbox" onchange="calc()" value="100" id="add_par2" /> <label for="add_par2">Доп.параметр +100р/м2</label>
<br/>
Длина: <input type="text" id="count" value="1" onchange="calc()" />
Ширина: <input type="text" id="count2" value="1" onchange="calc()" />
<div>Стоимость работ: <span id="result">0</span> руб.</div>
</body>
</html>
Мне нужно добавить перед "Стоимостью работ" еще и "Площадь" , но поскольку JS изучаю только 45 минут, не понимаю в каком месте правильно объявить переменную ( типа var space = document.getElementById("space"); ) , где её посчитать и как вывести. ( Хотя вывести наверно проще всего: <div>Площадь: <span id="space">0</span> м2.</div> )
RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.
Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.
Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.