Показать сообщение отдельно
  #1 (permalink)  
Старый 25.07.2017, 11:48
Новичок на форуме
Отправить личное сообщение для Denis M Посмотреть профиль Найти все сообщения от Denis M
 
Регистрация: 25.07.2017
Сообщений: 4

Живой калькулятор
Задача сделать живой калькулятор.

1) Чтобы считал стоимость при выборе "variety" и "quantity"
выводил цену.

2) И если ввести правильный промо-код, например [12345,67890]
получалась цена со скидкой -5%.


<!-- ввод переменных -->
<select name="variety">
<option value="200">вид 1</option>
<option value="500">вид 2</option>
</select> 
<select name="quantity">
<option value="4">4</option>
<option value="8">8</option>
<option value="12">12</option>
</select> 

<!-- ввод промокода:--> 

<input type="text" name="promocode">

<!-- если правда: [12345,67890],  
	 то скидка 5%: результат-(результат*0,05) 
	 если ложь или пусто:
	 то результат без изменений!-->

<!-- пишем результат -->

<span id="result">Результат:</span>



document.querySelector('[name=variety]').addEventListener('change', calc, false);
document.querySelector('[name=quantity]').addEventListener('change', calc, false);

function calc() {
let res = (+document.querySelector('[name=variety]').value 
		* +document.querySelector('[name=quantity]').value);

result.textContent = `Результат: ${res}`;
}
calc();

Последний раз редактировалось Denis M, 25.07.2017 в 14:03.
Ответить с цитированием