Jump to content

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


Recommended Posts

<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. И если есть в этом скрипте недочеты, тыкните на них)

 

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

Спасибо!

Link to post
Share on other sites

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

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

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...