Здравствуйте уважаемые форумчане. Начал изучать javascript, пытаюсь создать калькулятор стоимости и столкнулся с двумя проблемами на которые не могу найти решения.
|
Код:
|
<script>
function summ() {
var result = document.getElementById("result");
var item2 = 0;
var item1 = 0;
var dop = document.getElementById('dop');
var item1 = document.getElementById("item1").value*2000;
if (dop.checked) item2 = +dop.value;
result.innerHTML = item1 + item2;
}
</script>
<div>
item 1
<a onClick="document.getElementById('item1').value--"><button>-</button></a>
<input type="number" min="0" value="0" id="item1" onchange="summ()" />
<a onClick="document.getElementById('item1').value++"><button>+</button></a>
<br><br>
<input type="checkbox" id="dop" value="300" />
<label for="dop">item 2</label>
<br><br>
Общая стоимость
<div id="result">0</div>
</div>
|
При изменении значения item1 стандартными кнопками в input number стоимость меняется нормально, если через + или - то меняется значение только в поле input, стоимость не считается.
Второй вопрос касается checkbox, как сделать что бы изменение цены отображалось сразу при клике, пробовал через событие onpropertychange, но результата это не дало.