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

Как сделать калькулятор расчета аннуитетных платежей по кредиту в 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>
от 9,9%
Успейте оформить вклад по специальной ставке!
Узнать больше
Калькулятор дохода по вкладу
Процентная ставка действует при определённых условиях и действительна в течение 30 календарных дней с момента одобрения кредита. Не является публичной офертой.
Итоговая сумма
0 руб
Процентный доход
Налог
Выплата
0 руб
0 руб
0 руб

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

1
Создали форму в ZeroBlock с классом investform
2
Добавили в ней 2 поля с ползунками RangeSlider.
Задали им variableName - contribution и term
3
Добавили в ней 1 поле Hidden Field
Задали ему имя finalsumm
4
Создали 1 Text с классом finalsumm
Создали 1 Text с классом interest-income
Создали 1 Text с классом tax
Создали 1 Text с классом payment
5
Добавили код на страницу в блок Другое - Т123
В коде заменили значение процента
let st = 10;
Библиотека для примера

<script>
$(document).ready(function(){
$('.investform').on('input','.t-range', function(){
    let st = 10;
    let summ = $('input[name="contribution"]').val();
    let term = $('input[name="term"]').val(); 

    let finalArr = [];
    
    finalArr.push( summ*((1+st/100/12)**term ) );   //Итоговая сумма
    finalArr.push( finalArr[0] -  summ );           //Процентный доход
    finalArr.push( (finalArr[1] - 42500)*0.13 );    //Налог
    finalArr.push(  finalArr[0] -  finalArr[2] );   //Выплата
    
    $.each(finalArr,function(index,value){
    finalArr[index] =   divide(finalArr[index].toFixed())+' руб';
    });
    
    $('.finalsumm .tn-atom').text( finalArr[0]);
    $('.interest-income .tn-atom').text( finalArr[1]);
    $('.tax .tn-atom').text( finalArr[2]);
    $('.payment .tn-atom').text( finalArr[3]);
    
    $('input[name="finalsumm"]').val('Итоговая сумма: '+finalArr[0]+'; Процентный доход: '+finalArr[1]+'; Налог: '+finalArr[2]+'; Выплата: '+ finalArr[3]);
    
});
function divide(x, delimiter) {
  return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, delimiter || " ");
};  
});
</script>

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

1
Создали форму в ZeroBlock с классом investform
2
Добавили в ней 3 поля с ползунками RangeSlider.
Задали им variableName
summa
vznos
srok
3
Создали 4 тестовых блока и написали в них 0 руб.
Задали им ссылки
#vznosrub
#obsumma
#msum
#ovsum
4
Создали форму заявки BF502N и добавили в неё 5 скрытых полей с именами Ssumma , Svznosrub, Sobsumma , Ssrok, Spercent, Smsum , Sovsum
5
Добавили код на страницу в блок Другое - Т123
В коде заменили значение процента
var percent = 9.9;
Библиотека для примера

<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 vznosPercent = $('input[name="vznos"]').val();
         
         let vznosrub = (summa*vznosPercent)/100;
         let obsumma = summa-vznosrub;
         
         
         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="#vznosrub"]').html(vznosrub+' руб.');
         $('a[href="#obsumma"]').html(obsumma+' руб.');
         
         $('a[href="#msum"]').html(monthCredit+' руб.');
         $('a[href="#ovsum"]').html(overCredit+' руб.');
         //Добавляем данные в форму
         $('input[name="Ssumma"]').val(summa);
         
         $('input[name="Svznosrub"]').val(vznosrub);
         $('input[name="Sobsumma"]').val(obsumma);
         
         $('input[name="Ssrok"]').val(srok);
         $('input[name="Spercent"]').val(percent);
         $('input[name="Smsum"]').val(monthCredit);
         $('input[name="Sovsum"]').val(overCredit);
    });
});
</script>
Made on
Tilda