|
подправить калькулятор на javascript
<form class="form-group" id="calcul">
<h3>Калькулятор:</h3>
<label for="exampleInputEmail1">тип наклеек:</label>
<select id="type" class="form-control">
<option value="odnozvet"> Одноцветная наклейка </option>
<option value="dvuxzvet">Двухцветная наклейка </option>
<option value="polnozvet"> Цветная наклейка с резкой по контуру</option>
</select>
<label for="exampleInputEmail1">Размер наклейки: Длина x Высота</label>
<input type="text" class="form-control" name="total" id="x" required="required" placeholder="Длина см" />
<input type="text" class="form-control" name="size2" id="y" required="required" placeholder="Высота см"/>
<label for="exampleInputEmail1">Количество штук: </label>
<input type="number" id="number" min="1" max="100" /><br/>
<input type="button" class="rasschet" id="submit" value="Рассчитать"/>
<input type="text" size="4" id="price" readonly/>
</form>
<script type="text/javascript">
var canculation = {
types: {
// Цены за 1 кв.м по типам.
odnozvet: 0.9,
dvuxzvet: 1.2,
polnozvet: 1.4,
},
coef: {
// Коефициенты в зависимости от площади.
unto_2: 0.3,
unto_5: 0.1,
from_5_to_10: 0.09,
}
};
function calculate() {
var type = $('#type').val();
var number = parseInt($('#number').val());
var S = parseInt($('#x').val()) * parseInt($('#y').val());
var price = 0;
if (S >= 100 && S <= 1000) {
price = canculation.types[type] * S * number * canculation.coef.unto_2;
}
if (S > 1000 && S <= 10000) {
price = canculation.types[type] * S * number * canculation.coef.unto_5;
}
if (S > 10000 && S <= 50000) {
price = canculation.types[type] * S * number * canculation.coef.from_5_to_10;
}
$('#price').val(price);
}
$('#submit').click(calculate);
</script>
|
