<div class="container">
<h1>Калькулятор</h1>
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-money" aria-hidden="true"></i></span>
<input type="text" id="summ" class="form-control" placeholder="Сумма займа">
</div>
<div class="space-10"></div>
<div class="input-group">
<span class="input-group-addon"><strong>%</strong></span>
<input type="text" id="percent" class="form-control" placeholder="Годовой процент">
</div>
<div class="space-10"></div>
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-calendar" aria-hidden="true"></i></span>
<input type="text" id="srok" class="form-control" placeholder="Срок займа в месяцах">
</div>
<div class="space-10"></div>
<button id="get" class="btn btn-primary">Выполнить</button>
<button id="clear" class="btn btn-danger">Очистить</button>
<div class="space-10"></div>
<div id="itog">
</div>
</div>
@for $i from 1 through 20 {
.space-#{$i*5} {
display: block;
width: 100%;
height: #{$i*5}px;
}
}
View Compiled
$(document).ready(function (){
$("#clear").click(function () {
$("#itog").html("");
});
$("#get").click(function () {
$("#itog").html('');
var percent = Number($("#percent").val());
$("#percent").val("");
var monthPer = Number(0);
var srok = Number($("#srok").val());
$("#srok").val("")
var summ = Number($("#summ").val());
$("#summ").val("");
var itog = Number(0);
var ret = Number(0);
var firstMessage = "Сумма займа:<strong>"+summ+" рублей</strong><br>Годовой процент:<strong>"+percent+"%</strong><br>Срок займа<strong>"+srok+" месяцев</strong><br>";
$("#itog").html(firstMessage);
for (i = 1; i <= srok; i++) {
monthPer = summ*((percent/12)/100)+(summ/srok);
//itog = summ / 12;
itog = Math.round(monthPer * 100) / 100;
$("#itog").html($("#itog").html() + "<br>Ежемесячный платеж за "+i+" месяц равен "+itog+" руб.");
ret = ret + itog;
}
ret = Math.round(ret);
$("#itog").html($("#itog").html() + "<br> <h3>Итого:"+ret+" руб</h3>");
});
});