makissm

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

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'){
alert('Неверно введена сумма кредита');
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'){
alert('Неверно введен срок кредитования');
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 this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now

  • Recently Browsing   0 members

    No registered users viewing this page.