Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #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.
Ответить с цитированием
  #2 (permalink)  
Старый 25.07.2017, 12:04
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,112

Denis M,
Пожалуйста, отформатируйте свой код!

Для этого его можно заключить в специальные теги: js/css/html и т.п., например:
[js]
... ваш код...
[/js]


О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting.
Ответить с цитированием
  #3 (permalink)  
Старый 25.07.2017, 12:51
Профессор
Отправить личное сообщение для Dilettante_Pro Посмотреть профиль Найти все сообщения от Dilettante_Pro
 
Регистрация: 27.11.2015
Сообщений: 2,899

Denis M,
И зачем вы сумму умножаете на промо-код?
* +document.querySelector('[name=promocode]').value;
Ответить с цитированием
  #4 (permalink)  
Старый 25.07.2017, 14:04
Новичок на форуме
Отправить личное сообщение для Denis M Посмотреть профиль Найти все сообщения от Denis M
 
Регистрация: 25.07.2017
Сообщений: 4

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

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

Я понимаю как это должно быть в переменных и в формуле, но вот пишется как - не знаю!
var A = variety
var B = quantity
var C = promocode (если введён "12345" или "67890" то равно 0.05)
var D = A*B (цена без скидки)
var F = D-(D*0,05) (цена со скидкой если "C" совпадает с массивом)
var F = D (цена если "C" не совпадает с массивом)
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Калькулятор услуг tarantino Javascript под браузер 1 30.07.2015 00:21
Калькулятор с нестандартными свойствами mr__brainwash Javascript под браузер 2 05.05.2014 21:13
Не работает Калькулятор просчета отопления igor700 Общие вопросы Javascript 5 26.02.2014 16:18
Калькулятор стоимости грузоперевозки kubikk Общие вопросы Javascript 2 14.09.2012 18:01
Сделать калькулятор на сайт. asderru Работа 1 22.07.2010 13:46