Advertisement
zero50x

Калькулятор ногти ikbnn

May 5th, 2017
148
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <div class="row">
  2.     <div class="col-md-3"></div>
  3.     <div class="col-md-4">
  4.         <fieldset>
  5.                 <div id="all">
  6.                     <div class="checkbox checkbox-success">
  7.                         <input id="c0" class="styled" type="checkbox" value="4800" name="0">
  8.                         <label for="c0">Маникюр старт</label>
  9.                     </div>
  10.                     <div class="checkbox checkbox-success">
  11.                         <input id="c1" class="styled" type="checkbox" value="4800" name="1">
  12.                         <label for="c1">Аппаратный маникюр</label>
  13.                     </div>
  14.                     <div class="checkbox checkbox-success">
  15.                         <input id="c2" class="styled" type="checkbox" value="2800" name="2">
  16.                         <label for="c2">Европейский маникюр</label>
  17.                     </div>
  18.                     <div class="checkbox checkbox-success">
  19.                         <input id="c3" class="styled" type="checkbox" value="1500" name="3">
  20.                         <label for="c3">Покрытие гель-лаком</label>
  21.                     </div>
  22.                     <div class="checkbox checkbox-info">
  23.                         <input id="c4" class="styled" type="checkbox" value="10800" name="4">
  24.                         <label for="c4">Моделирование ногтей акрилом</label>
  25.                     </div>
  26.                     <div class="checkbox checkbox-info">
  27.                         <input id="c5" class="styled" type="checkbox" value="10800" name="5">
  28.                         <label for="c5">Моделирование ногтей гелем</label>
  29.                     </div>
  30.                 </div>
  31.         </fieldset>
  32.     </div>
  33.     <div class="col-md-1">
  34.         <div class="price-group">
  35.             <div class="price-course">4800</div>
  36.             <div class="price-course">4800</div>
  37.             <div class="price-course">2800</div>
  38.             <div class="price-course">1500</div>
  39.             <div class="price-course">10800</div>
  40.             <div class="price-course">10800</div>
  41.         </div>
  42.     </div>
  43.     <div class="col-md-3">
  44.         <div id="total">Без скидки: <span id="price_full" class="pte"></span></div>
  45.         <div id="total">Скидка: <span id="discount">0</span> %</div>
  46.         <div id="total">Со скидкой: <span id="price_discount" class="pte"></span></div>
  47.         <div id="total"></div>
  48.     </div>
  49.     <div class="col-md-1"></div>
  50.  
  51. </div>
  52. <div class="row">
  53.     <div class="col-md-2"></div>
  54.     <div class="col-md-8"><p align="center"><span id="lampa"></span></p></div>
  55.     <div class="col-md-2"></div>
  56. </div>
  57.  
  58.  
  59. <script type="text/javascript">
  60. all.onclick = function() {
  61.  
  62.     var arr = [0,0,0,0,0,0];
  63.     var price = 0; // Цена
  64.  
  65.     var nastya = 0;
  66.     var anya = 0;
  67.     var lampa = 0;
  68.     var discount = 0;
  69.  
  70.     var s1  = [1,1,1,1,0,0];
  71.     var s2  = [0,0,0,0,1,0];
  72.     var s3  = [0,0,0,0,0,1];
  73.     var s4  = [0,0,0,0,1,1];
  74.  
  75.    if(document.getElementById('c0').checked){ arr[0] = 1; price += Number(document.getElementById('c0').value); nastya++; }
  76.    if(document.getElementById('c1').checked){ arr[1] = 1; price += Number(document.getElementById('c1').value); nastya++; }
  77.    if(document.getElementById('c2').checked){ arr[2] = 1; price += Number(document.getElementById('c2').value); nastya++; }
  78.    if(document.getElementById('c3').checked){ arr[3] = 1; price += Number(document.getElementById('c3').value); nastya++; }
  79.    if(document.getElementById('c4').checked){ arr[4] = 1; price += Number(document.getElementById('c4').value); anya++; }
  80.    if(document.getElementById('c5').checked){ arr[5] = 1; price += Number(document.getElementById('c5').value); anya++; }
  81.  
  82.    // Только Настины
  83.    if(nastya == 1 && anya == 0){
  84.         //document.getElementById('otladka').innerHTML= 'Настя 1';
  85.         discount = 0;
  86.    }
  87.    else if(nastya == 2 && anya == 0){
  88.         //document.getElementById('otladka').innerHTML= 'Настя от 2 ДО 4';
  89.         discount = 7;
  90.    }
  91.    else if(nastya == 3 && anya == 0){
  92.         //document.getElementById('otladka').innerHTML= 'Настя от 2 ДО 4';
  93.         discount = 7;
  94.    }
  95.    else if(nastya == 4 && anya == 0){
  96.         //document.getElementById('otladka').innerHTML= 'Скидка 15% + лампа';
  97.         discount = 15;
  98.         lampa = 1;
  99.    }
  100.  
  101.    // Только Анины
  102.    else if(anya == 1 && nastya == 0){
  103.         //document.getElementById('otladka').innerHTML= 'Аня 1';
  104.         discount = 0;
  105.         lampa = 1;
  106.    }
  107.    else if(anya == 2 && nastya == 0){
  108.         //document.getElementById('otladka').innerHTML= 'Аня 2';
  109.         discount = 7;
  110.         lampa = 1;
  111.    }
  112.  
  113.    // Настя до 4 + Аня любое количество
  114.    else if(anya > 0 && nastya < 4){
  115.         //document.getElementById('otladka').innerHTML= 'Аня > 0 Настя меньше 4';
  116.         discount = 7;
  117.         lampa = 1;
  118.    }
  119.  
  120.    // Настя 4 + Аня любое количество
  121.    else if(anya == 1 && nastya == 4){
  122.         //document.getElementById('otladka').innerHTML= 'Аня = 1 Настя 4';
  123.         discount = 15;
  124.         lampa = 1;
  125.    }
  126.  
  127.    // Вообще все
  128.    else if(anya == 2 && nastya == 4){
  129.         //document.getElementById('otladka').innerHTML= 'Аня 2 и Настя 4 Максимум';
  130.         discount = 15;
  131.         lampa = 1;
  132.    }
  133.  
  134.  
  135.     // Сообщение о лампе в подарок
  136.     if(lampa == 1){
  137.         document.getElementById('lampa').innerHTML='<br>Лампа в подарок<br><img src="http://ikbnn.ru/img/lampa500.jpg" width="400" height="auto"><br>UV-лама 36 W стоимость 3500 руб.';
  138.     } else {
  139.         document.getElementById('lampa').innerHTML='';
  140.     }
  141.  
  142.     // Расчёт скидки
  143.     if(discount > 0){
  144.         var d = (100 - discount) / 100;
  145.         fin = Math.round(price*d);
  146.         fin = Math.floor(fin / 50)*50;
  147.     } else {
  148.         fin = price;
  149.     }
  150.  
  151.     document.getElementById('price_full').innerHTML= price;
  152.     document.getElementById('price_discount').innerHTML = fin;
  153.     document.getElementById('discount').innerHTML  = discount;
  154.  
  155. };
  156.  
  157. </script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement