Доброй ночи!
Когда, я только увидел задание думал, что справляюсь, но перейдя к редактору я понял, что я пока только начинаю свой путь в JS моих знаний не хватит
И сейчас JS-гуру помогите мне пожалуйста
Сама задача:
"При выборе количества товара цена должна меняться при достижении порогов ого значения согласно системы скидок. Льготная цена выделяется красным цветом. Сумма заказа отображается в окошке заказа при изменении количества заказываемого товара"
Чуток кода(Картинка ниже):
<div class="container">
<div class="row">
<div class="col-md-12">
<form class="callback">
<!-- Hidden Required Fields -->
<input type="hidden" name="project_name" value="POLYNOR">
<input type="hidden" name="admin_email" value="sales@polynor.com.ua">
<input type="hidden" name="form_subject" value="Заказать">
<!-- END Hidden Required Fields -->
<div class="success">
<img src="img/if_sign-check.svg" width="100" alt="">
<p>Спасибо, Ваша заявка отправлена!</p>
<p>Мы свяжемся с Вами в ближайшее время.</p>
</div>
<div class="col-md-8">
<div class="contact-info-order">
<span>Имя</span>
<input name="Имя" type="text" placeholder="Ваше имя:">
<span>Телефон</span>
<input type="tel" name="Телефон" id="phone1" placeholder="+38(___)-___-____*" required>
<span>E-mail</span>
<input type="text" name="Почта" placeholder="Email">
</div>
</div>
<div class="col-md-4">
<div class="order-end-form">
<p><b>Сумма заказа</b></p>
<input name="Сумма" style="background-color: #fff;" type="text">
<input class="btn-sale" type="submit" value="Заказать">
</div>
</div>
<div class="col-md-12">
<div class="order-table">
<table>
<tr>
<th>Наименование</th>
<th>Вид</th>
<th>Цена, грн с НДС</th>
</tr>
<tr>
<td><b>НПУ POLYNOR</b>
<br>Однокомпонентный напыляемый полиуретановый утеплитель для тепло и
<br>шумоизоляции объектов. Аэрозольный баллон 890 мл
<table class="table_in_tableorder">
<tr>
<td>от 1 шт</td>
<td>≥ 12 шт</td>
<td>≥ 48 шт</td>
<td>≥ 120 шт</td>
</trы>
<tr>
<td>280 грн</td>
<td>270 грн</td>
<td>260 грн</td>
<td>250 грн</td>
</tr>
</table>
</td>
<td><img src="img/order/ballon.png" alt="НПУ POLYNOR"></td>
<td><span>280,00</span>
<div class="number">
<span style="padding:3px 9px 3px 9px;" class="minus">-</span>
<input name="НПУ POLYNOR" type="text" value="0" size="5" />
<span class="plus">+</span>
</div>
</td>
</tr>
<tr>
<td><b>Угловая насадка POLYNOR</b>
<br>Для напыления утеплителя на
<br>потолок, пол и в трудодоступных местах.</td>
<td><img src="img/order/nasadka.png" alt="Угловая насадка POLYNOR"></td>
<td><span>25,00</span>
<div class="number">
<span style="padding:3px 9px 3px 9px;" class="minus">-</span>
<input name="Угловая насадка POLYNOR" type="text" value="0" size="5" />
<span class="plus">+</span>
</div>
</td>
</tr>
</table>
Это input с плюсом и минусом:
$('.minus').click(function () {
var $input = $(this).parent().find('input');
var count = parseInt($input.val());
count = count < 1 ? 1 : count;
$input.val(count);
$input.change();
});
$('.plus').click(function () {
var $input = $(this).parent().find('input');
$input.val(parseInt($input.val()));
$input.change();
});
