Нашел на просторах интернета калькулятор который рассчитывает кредит, в расчетных настройках есть величины: сумма кредита, процентная ставка и срок(в годах). Задача была такая - сделать расчет исходя из следующих условий:
1) Сумма кредита от 500р до 25000р;
2) Процентная ставка 2%, стоит по умолчанию и не имеет возможности изменения.
3) Срок кредитования в днях, от 1го до 10ти.
Так как в яве я совершенно профан, но поэкспериментировав добился следующего результата.
$(function () {
$("#amount_slider").slider({
orientation: "horizontal",
range: false,
min: 500,
max: 25000,
value: 10000,
step: 500,
slide: function (event, ui) {
$("#amount").text(ui.value);
calculatePayment();
}
});
$("#amount").text($("#amount_slider").slider("value"));
$("#interest_slider").slider({
orientation: "horizontal",
range: false,
value: 2,
slide: function (event, ui) {
$("#interest").text(ui.value);
calculatePayment();
}
});
$("#interest").text($("#interest_slider").slider("value"));
$("#time_slider").slider({
orientation: "horizontal",
range: false,
min: 1,
max: 10,
value: 4,
slide: function (event, ui) {
$("#time").text(ui.value);
calculatePayment();
}
});
$("#time").text($("#time_slider").slider("value"));
function calculatePayment() {
var amount = $("#amount_slider").slider("value");
var interest = $("#interest_slider").slider("value");
var time = $("#time_slider").slider("value");
var rate = (amount / 100) * 2 * time + amount;
$("#result").text(rate.toFixed(2));
}
calculatePayment();
});
<table style="width: 600px;" border="0" cellspacing="0" cellpadding="0" align="center">
<tbody>
<tr>
<td>
<div class="message">Сумма займа</div>
<div id="amount_slider"> </div>
<div id="amount" style="color: #ffffff; font-size: 18px;"> </div>
<div class="clear"> </div>
</td>
<td>
<div class="message">Срок (дней)</div>
<div id="time_slider"> </div>
<div id="time" style="color: #ffffff; font-size: 18px;"> </div>
<div class="clear"> </div>
</td>
</tr>
<tr>
<td colspan="2" align="center">
<div class="message" style="text-align: right; color: #b8e8ff; font-size: 18px;">Платеж</div>
<div id="result" style="color: #b8e8ff; font-size: 18px;"> </div>
</td>
</tr>
</tbody>
</table>
Только вот проблемка одна, ползунок ведёт себя странно - если по дефолту стоит сумма займа на 10 000руб. и срок 4 дня, расчет производится правильно и в поле платёж выводится сумма 10 800руб. Но если передвинуть ползунок на 5 дней сумма не считается, а передвинув опять на 4 производится расчет на 5 дней.
Помогите советом, думаю многим эта тема будет интересна.Сам не могу решить
.