 # Нужна помощь со скриптом калькулятора

## 2 posts in this topic

```<div class="calc-wrap">
<div class="calc">
<h3>Калькулятор</h3>
<div class="input"><label>Сумма кредита:<input type="text" value="1000" class="summakr" id="summakr" onblur="Kredit()"></label></div>
<div class="input"><label>Срок кредитования:<input type="text" value="6" class="srokkr" id="srokkr" onblur="Kredit()"></label></div>
<p>Ежемесячный платеж:</p>
<p><span class="sum" id="sum">183.33</span> грв.</p>
</div>
</div>```
```<script>
function Kredit(){
var summakr = document.getElementById('summakr');
var srokkr = document.getElementById('srokkr');
var Sum = document.getElementById('sum');

if (isNaN(summakr.value) || summakr.value=='' || summakr.value<='0'){
Sum.innerHTML = '0';
}
else{
Sum.innerHTML = Math.floor((( summakr.value / srokkr.value ) + ( summakr.value * 0.20 / 12 )) * 100) / 100;
}

if (isNaN(srokkr.value) || srokkr.value=='' || srokkr.value<='0'){
Sum.innerHTML = '0';
}
else{
Sum.innerHTML = Math.floor((( summakr.value / srokkr.value ) + ( summakr.value * 0.20 / 12 )) * 100) / 100;
}
}
</script>
```

Всем привет, нашел вот такой вот скрипт калькулятора, но в нем есть недочеты, вы не могли бы подсказать:

1. Как можно сделать выдачу результата не при снятии указателя мыши с поля ввода, а что бы при вводе другой цифры в поле, результат автоматом менялся?

2. При вводе букв и других символов кроме цифр, результат становился 0, а не NaN?

3. И если есть в этом скрипте недочеты, тыкните на них)

Заранее очень признателен за любую вашу помощь!

Спасибо!

##### Share on other sites

Подключи JQuery и напиши нужный обработчик. Смотреть тут.

Чтобы вытащить число из значения можно, к примеру, использовать parseInt (тыц). Вариантов реализации много - от простенького до сложного (с проверками на валидность).

## Create an account

Register a new account