Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 20.03.2015, 01:01
Интересующийся
Отправить личное сообщение для Kirill84 Посмотреть профиль Найти все сообщения от Kirill84
 
Регистрация: 22.03.2012
Сообщений: 16

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

Мне же необходимо прибавлять к полученному результату его указанную стоимость, представленную в табличке (цены указаны за м. кв.).


Например, по самому первому измерению 6*3 = 18, стоимость его будет составлять 39600.

Сделал на jsfiddle: https://jsfiddle.net/mng67cpL/8/

Очень прошу вашей подсказки.

function calc() {
	//получаем ссылку на элемент Select (Ширина пролёта)
	var SizeWidth = document.getElementById("SizeWidth");
	//получаем ссылку на элемент Select (Высота по стене)
	var SizeHeight = document.getElementById("SizeHeight");
			
	//получаем ссылку на элемент span, в него будем писать стоимость каркаса за м2
	var result = document.getElementById("result");
			
	//Первое что пришло на ум, создать массив с ценами
	var cost = [2200, 2220, 2240, 2260, 2280, 2300, 2450],
	n = cost.length;
				
	
	var size = parseInt(SizeWidth.options[SizeWidth.selectedIndex].value) * parseFloat(SizeHeight.options[SizeHeight.selectedIndex].value);
	var price = 100*size;//(тут формула вычисления цены)
	result.innerHTML = price+' руб. за '+size;
		
		}


<b>Ширина пролёта (м):</b><br/>
	<select onchange="calc()" id="SizeWidth">
		<option value="0">Выбрать</option>
		<option value="6">6</option>
		<option value="9">9</option>
		<option value="12">12</option>
		<option value="15">15</option>
		<option value="18">18</option>
		<option value="21">21</option>
		<option value="24">24</option>
	</select><br/><br/>
	
<b>Высота по стене (м):</b><br/>
	<select onchange="calc()" id="SizeHeight">
		<option value="0">Выбрать</option>
		<option value="3.0">3,0</option>
		<option value="3.6">3,6</option>
		<option value="4.2">4,2</option>
		<option value="4.8">4,8</option>
		<option value="5.4">5,4</option>
		<option value="6.0">6,0</option>
		<option value="7.2">7,2</option>
	</select><br/><br/>
<div>Площадь: <span id="result">0</span> м<sup>2</sup>.</div>
Ответить с цитированием
  #2 (permalink)  
Старый 20.03.2015, 01:38
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,105

Kirill84,

<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <title> - jsFiddle demo</title>
  </head>
<body>
  <img src="http://www.kvestastol.ru/calculator.jpg"><br>

<b>Ширина пролёта (м):</b><br/>
	<select onchange="calc()" id="SizeWidth">
		<option value="0">Выбрать</option>
		<option value="6">6</option>
		<option value="9">9</option>
		<option value="12">12</option>
		<option value="15">15</option>
		<option value="18">18</option>
		<option value="21">21</option>
		<option value="24">24</option>
	</select><br/><br/>

<b>Высота по стене (м):</b><br/>
	<select onchange="calc()" id="SizeHeight">
		<option value="0">Выбрать</option>
		<option value="3.0">3,0</option>
		<option value="3.6">3,6</option>
		<option value="4.2">4,2</option>
		<option value="4.8">4,8</option>
		<option value="5.4">5,4</option>
		<option value="6.0">6,0</option>
		<option value="7.2">7,2</option>
	</select><br/><br/>
<div>Площадь: <span id="result">0</span> м<sup>2</sup>.</div>



<script>

function calc() {
	//получаем ссылку на элемент Select (Ширина пролёта)
	var SizeWidth = document.getElementById("SizeWidth");
	//получаем ссылку на элемент Select (Высота по стене)
	var SizeHeight = document.getElementById("SizeHeight");

	//получаем ссылку на элемент span, в него будем писать стоимость каркаса за м2
	var result = document.getElementById("result");

	//Массив с ценами
	var i = SizeHeight.selectedIndex; cost = [0, 2200, 2220, 2240, 2260, 2280, 2300, 2450][i],
		h = SizeHeight.value, w = SizeWidth.value,
        size = h * w,
        price = cost*size;//(тут формула вычисления цены)
		result.innerHTML = price+' руб. за '+size;

		}
</script>


</body>


</html>
Ответить с цитированием
  #3 (permalink)  
Старый 20.03.2015, 01:41
Интересующийся
Отправить личное сообщение для Kirill84 Посмотреть профиль Найти все сообщения от Kirill84
 
Регистрация: 22.03.2012
Сообщений: 16

Спасибо Вам большое за оказанную помощь.
Ответить с цитированием
  #4 (permalink)  
Старый 20.03.2015, 07:40
Профессор
Отправить личное сообщение для krasovsky Посмотреть профиль Найти все сообщения от krasovsky
 
Регистрация: 21.12.2012
Сообщений: 869

рони,
Мне кажется это был юбилейный 100500й калькулятор, который ты сделал на этом форуме.
Ответить с цитированием
  #5 (permalink)  
Старый 20.03.2015, 08:17
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,105

krasovsky,
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
калькулятор на javascript vera0907 Events/DOM/Window 7 24.03.2015 15:12
Калькулятор на javascript dartwlad Элементы интерфейса 15 30.03.2014 18:46
Интерпретатор Java на JS kobezzza Оффтопик 24 11.10.2012 18:32
Последние книги по JavaScript! monolithed Учебные материалы 7 26.10.2010 19:40
Выдвет ошибку JavaScript Ромио Opera, Safari и др. 4 21.10.2010 20:34