<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>");
  });
});

External CSS

  1. https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css
  2. https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css

External JavaScript

  1. https://code.jquery.com/jquery-2.2.4.min.js