Javascript-форум (https://javascript.ru/forum/)
-   Events/DOM/Window (https://javascript.ru/forum/events/)
-   -   Калькулятор (input + select) (https://javascript.ru/forum/events/67491-kalkulyator-input-select.html)

moslem 20.02.2017 18:05

Калькулятор (input + select)
 
Попросили подправить старый скрипт калькулятора, до этого там было 2 inputa, где нужно ввести данные и нажать одну из 6 кнопок, тоесть при нажатии у каждой кнопки срабатывает своя функция.

Я решил что нецелесообразно 6 кнопок держать, а лучше будет сделать select, где хранились бы название этих кнопок, и когда пользователь выбрал бы то что ему нужно, и нажал бы кнопку "Посчитать" то она запускала бы ту функцию, которая выбрала в select и результат выводила бы на страницу.

https://jsfiddle.net/5um965xu/ вот так до этого было

Я хочу сделать вот так

https://jsfiddle.net/ncwt744a/

Я примерно понимаю как все действовать будет, при клике на кнопку check calculator, мне нужно будет проверить активный элемент, потом нужно будет для этого активного элемента соответствующую ему функцию повесить и затем результат вывести в любой блок.

Вот я столкнулся с проблемой именно выбрать активный элемент и задать ему функцию

ksa 21.02.2017 08:23

Цитата:

Сообщение от moslem
я столкнулся с проблемой именно выбрать активный элемент

var i=document.getElementById('selectService').selectedIndex;
var val=document.getElementById('selectService').value;

Выбирай любой! :)
Цитата:

Сообщение от moslem
и задать ему функцию

Как вариант, создать массив таких функций (или объект), а потом вызывать в зависимости от, выбранного в селекте, номера или value...


Часовой пояс GMT +3, время: 18:38.