Прежде всего
<form name="cl_form">
<p><strong>Толщина слоя (см):</strong>
<select name="thickness" id="thickness" onchange="calc();">
<option value="0.5" >3</option>
<option value="1">5</option>
<option value="1.5">10</option>
</select>
<p><strong>Площадь утепления (м<sup>2</sup>)</strong>
<input type="text" id="square" onchange="calc();" style="width:70px" />
</p>
</p>
<div class="form-contact">
<span>Имя</span><input type="text" placeholder="Ваше имя:">
<span>Телефон</span><input type="tel" name="Телефон" id="phone1" placeholder="+38(___)-___-____*" required>
<span>E-mail</span><input type="email" placeholder="Ваш email:">
</div>
<div class="right-order">
<div class="title-page">
<span style="font-size: 24px;">Кол-во баллонов (шт.)</span>
</div>
<input id="summary" value="0" name="summary" readonly="readonly" maxlength="10" size="10" type="text">
<div style="margin-top: 20px;" class="title-page">
<span style="font-size: 24px;">Сумма заказа</span>
</div>
<input id="summary2" value="0" name="summary2" readonly="readonly" maxlength="10" size="10" type="text">
<input type="submit" value="Заказать">
</div>
<table border="1">
<tr>
<td rowspan="2">Наименование</td>
<td rowspan="2">Вид</td>
<td colspan="4">Цена, грн с НДС</td>
</tr>
<tr>
<td>от 1 шт</td>
<td>≥ 12 шт</td>
<td>≥ 48 шт</td>
<td>≥ 120 шт</td>
</tr>
<tr>
<td>НПУ POLYNOR<br>
Однокомпонентный напыяемый полиуретановый утеплитель тепло и шумоизоляции объектов.<br> Аэрозольный баллон 890 мл</td>
<td><img style="width: 100px;height: 90px;" src="img/order/ballon.png"></td>
<td>280.00</td>
<td>270.00</td>
<td>260.00</td>
<td>240.00</td>
</tr>
<tr>
<td>Угловая насадка POLYNOR<br>
Для напыления утеплителя на потолок, пол и в трудодоступных местах.</td>
<td><img style="width: 100px;height: 90px;" src="img/order/nasadka.png"></td>
<td colspan="4"><div id = "price1">30.00</div>
<div class="number">
<span class="minus">-</span>
<input type="text" id="table_thi" value="0" onchange="calc();">
<span style="padding: 0 8px;" class="plus">+</span>
</div></td>
</tr>
</table>
</form>
<script>
function calc() {
price = document.cl_form.thickness.value;
square = document.cl_form.square.value;
price1 = document.getElementById('price1').innerText;
quantity = document.getElementById('table_thi').value;
summary = Number(price) * Number(square) ;
document.getElementById('summary2').value = (summary * 18 +Number(price1) * Number(quantity)).toString() ;
document.cl_form.summary.value=summary;
} ;
document.querySelector(".minus").onclick = function() {
quantSrc = document.getElementById('table_thi');
quantity = +quantSrc.value;
quantity ? quantity--: quantity=0;
quantSrc.value = quantity.toString();
calc();
}
document.querySelector(".plus").onclick = function() {
quantSrc = document.getElementById('table_thi');
quantity = +quantSrc.value +1;
quantSrc.value = quantity.toString();
calc();
}
</script>
И просьба написать попонятнее насчет таблицы