Как сделать небольшой калькулятор!

311
06 августа 2017, 09:30

//Калькулятор Абонементы 
  $('select').change(function(){ 
    var curr = $(this).find('option:selected'); 
    var val = $(this).val(); 
    var valMonth = curr.data('valueMonth'); 
    var ratioMonth = curr.data('ratioMonth'); 
    var ratioBasket = curr.data('ratio'); 
    var priceBasket = curr.data('price'); 
     
    var sum = (+val * +priceBasket * +ratioBasket) * (+valMonth * +ratioMonth); 
    console.log(val, valMonth, ratioMonth, ratioBasket, priceBasket); 
  });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
<div class="row subscription__row"> 
          <div class="col-sm-5"> 
            <div class="subscription__block subscription__block--blue"> 
              <div class="subscription__block__header flex middle-xs center-xs"> 
                <h2>Абонемент<br> по корзинам белья</h2> 
              </div> 
              <div class="subscription__block__content"> 
                <div class="row"> 
                  <div class="col-sm-6"> 
                    <h4>Количество корзин<br>в месяц:</h4> 
                    <select class="blue"> 
                      <option data-ratio="1" value="1" data-price="500">1 корзина</option> 
                      <option data-ratio="0.95" value="2" data-price="500">2 корзины</option> 
                    </select> 
                  </div> 
                  <div class="col-sm-6"> 
                    <h4>Время действия абонемента:</h4> 
                    <select class="blue"> 
                      <option data-ratio-month="1" data-value-month="1">1 месяц</option> 
                      <option data-ratio-month="0.95" data-value-month="2">2 месяца</option> 
                    </select> 
                  </div> 
                </div> 
                 
                <div class="row subscription__block__total middle-xs"> 
                  <div class="col-sm-5"> 
                    <h3>4500<i class="icon-ruble"></i></h3><span>500 <i class="icon-ruble"></i>  / корзина </span> 
                  </div> 
                  <div class="col-sm-7"><a class="btn btn--subscription--blue" href="#"> <i>Оформить абонемент</i></a></div> 
                </div> 
              </div> 
            </div> 
          </div> 
         

Есть два селекта. Нужно по выбору селектов получить сумму по такой формуле: (k * k1 * p) * (k2 * t) Где: k - количество товара k1 - коефициент p - цена k2 - коефициент t - количество месев

Проблема в том что при получении данных с одного селекта, другой селект отдает undefind. Как лучше сделать?

READ ALSO
Contact form 7 (Загрузка фото)

Contact form 7 (Загрузка фото)

Форма с 5ти шагов, на 4 шаге загрузка 3 фото, если вибрать большие картинки то форма долго их грузит но на следующий шаг пропускает и когда нажимать...

472
не работает таск для gulp

не работает таск для gulp

Начал осваивать gulp попробовал написать собственный таскНачал с простого, но не срабатывает, в чем я ошибся?

383
Можно ли упростить следующий JavaScript код:

Можно ли упростить следующий JavaScript код:

Я в цикле добавляю элементы в массив

305
Не могу запустить проект meteor

Не могу запустить проект meteor

В общем после того как ввожу npm run start в терминал появляется вот такая ошибка

334