Реализация калькулятора?

Question

[Daniel_Defo]

Добрый день господа джедаи веба, есть такая задача, реализовать калькулятор, кто нибудь сталкивалсяч с данной задачей, или может подскажете в какую сторону двигаться, спасибо за внимание!

Comments

[Сергей delphinpro]

function Посчитать(){
  let СтоимостьУпаковки = parseInt($('input.СтоимостьУпаковки').filter(':checked').val());
  let Количество = parseInt($('input.Количество').val());

  let Сумма = СтоимостьПодарка*Количество+СтоимостьУпаковки-Скидка;
  $('#Сумма').text(Сумма);
}

$('input.СтоимостьУпаковки').on('change', Посчитать);
$('input.Количество').on('change', Посчитать);

Ну вот, я вам написал 80% вашего мега калькулятора =))

[kulaeff]

Сергей, а чего у вас все на русском?

[Сергей delphinpro]

kulaeff, а почему бы нет?

[kulaeff]

Сергей, ну хотя бы потому, что лично я заипусь постоянно переключать раскладку. Да и люди, поддерживающие ваш код, покроют вас проклятиями. Если, конечно, вы не кодите только для себя. А если это опенсорсный код, то иностранцы будут в акуе.

[kulaeff]

kulaeff, но забавно выглядит, да. Напоминает какой-нить эксель или 1C.

[Сергей delphinpro]

kulaeff, ах, в этом смысле =). Ну тут я с вами полностью согласен. Я боевой код так не пишу, это только тут, по приколу. ))

[Froggyweb]

kulaeff, YOPTASCRIPT надо использовать

Answer 1

[Денис Инешин]

Воспользуйтесь range slider. Вот например демо:
jsfiddle.net/IonDen/wsk7y08a - оттолкнитесь отсюда, добавьте свой дизайн.

Answer 2

[Андрей]

Двигайся в сторону ui-slider и jquery.
Самый простой пример из гугла
jsfiddle.net/22u4orc0/11

Answer 3

[Павел Корнилов]

Да никаких проблем нет, если знаешь JS.

<input type="text" id=calc>
<span id="res"></span><p style="cursor:pointer;">OK</p>
<script>
var calc= document.getElementById('calc');
calc.onchange= function(e) {
	document.getElementById('res').textContent= eval(this.value);
}

</script>