Как сделать калькулятор расчета аннуитетных платежей по кредиту в ZeroBlock в Tilda
Кредит от 9,9%
Успейте оформить кредит по специальной ставке!
Кредитный калькулятор
Процентная ставка действует при определённых условиях и действительна в течение 30 календарных дней с момента одобрения кредита. Не является публичной офертой.
Наше предложение
Ежемесячный платёж
Сумма переплаты
Заполнить заявку
Заполните форму ниже и отправьте заявку менеджеру
Как рассчитать размер платежа
Показатели, приведенные в формуле, обозначают:
Мп – месячный платеж по займу;
Сз – общее количество средств, взятых взаймы;
Мпс – размер месячной процентной ставки;
Ск – срок займа (количество месяцев) когда будут начисляться проценты по нему

Как сделать калькулятор расчета аннуитетных платежей по кредиту в ZeroBlock в Tilda

1
Создали форму в ZeroBlock
2
Добавили в ней 2 поля с ползунками RangeSlider.
Задали им variableName - summa и srok
3
Создали 2 тестовых блока и написали в них 0 руб.
Задали им ссылки #msum и #ovsum
4
Создали форму заявки BF502N и добавили в неё 5 скрытых полей с именами Ssumma , Ssrok, Spercent, Smsum , Sovsum
5
Добавили код на страницу в блок Другое - Т123
В коде заменили значение процента
var percent = 9.9;
Mo-ti Level Up
Видео инструкции по добавлению кода и работе с Zero Block.
Создаём калькулятор в ZeroBlock для аннуитетных платежей с использованием отрицательной степени. Длительность видео 16 мин
Фрагмент видео
Библиотека для примера
<style>
    a[href="#msum"] , a[href="#ovsum"] {pointer-events:none;}
</style>
<script>
    $( document ).ready(function() {
    //Значение процента    
    var percent = 9.9;
    $(".tn-atom__form").on('DOMSubtreeModified', ".t-range__value-txt", function() {
         let summa = $('input[name="summa"]').next('.t-range__value-txt').html();
         let srok = $('input[name="srok"]').next('.t-range__value-txt').html();
         let monthPercent = percent/100/12;
         //Возведение в степень
         let degree = Math.pow( 1+monthPercent , -srok);
         let monthCredit = summa*(monthPercent/(1-degree));
         let overCredit = monthCredit*srok-summa
         //Выводим итоги в текст
         monthCredit = monthCredit.toFixed();
         overCredit = overCredit.toFixed();
         monthCredit = monthCredit.replace(/(\d)(?=(\d\d\d)+([^\d]|$))/g, '$1 ');
         overCredit = overCredit.replace(/(\d)(?=(\d\d\d)+([^\d]|$))/g, '$1 ');   
         $('a[href="#msum"]').html(monthCredit+' руб.');
         $('a[href="#ovsum"]').html(overCredit+' руб.');
         //Добавляем данные в форму
         $('input[name="Ssumma"]').val(summa);
         $('input[name="Ssrok"]').val(srok);
         $('input[name="Spercent"]').val(percent);
         $('input[name="Smsum"]').val(monthCredit);
         $('input[name="Sovsum"]').val(overCredit);
    });
});
</script>
Made on
Tilda