Не могу сообразить, как сделать, чтобы в каждом form работало изменение текста в реальном времени, а не после потери фокуса.
<form name="9mmammo">
<input type="text" id="count" value="1" onchange="calc1()"><div>Сумма: <span id="result1">5</span> руб.</div>
</form>
<form name="556ammo">
<input type="text" id="count" value="1" onchange="calc2()"><div>Сумма: <span id="result2">10</span> руб.</div>
</form>
<script type="text/javascript">
var input = document.body.children[0];
input.oninput =
function calc1()
{
var amount = document.forms["9mmammo"].count.value;
document.getElementById('result1').innerHTML = amount * 5;
}
;
function calc2()
{
var amount = document.forms["556ammo"].count.value;
document.getElementById('result2').innerHTML = amount * 10;
}
</script>
В данном случае лишь первый input работает, а второй только после потери фокуса. Прошу помочь разбирающимся.