ЗАЩИТА ПРАВ ДОЛЬЩИКОВ
ВЗЫСКАНИЕ НЕУСТОЙКИ С ЗАСТРОЙЩИКА
ЗА НАРУШЕНИЕ СРОКОВ СДАЧИ КВАРТИРЫ
Введите необходимые для расчета данные
Примечание: если квартира куплена по переуступке, укажите цену из ДДУ. Если квартира оплачивается в рассрочку, по частям, вы все равно можете указать полную цену из ДДУ
Кто вы?
РАСЧЕТ НЕУСТОЙКИ:

Делаем калькулятор для расчёта неустойки в Tilda

Калькулятор выполнен на базе блоков BF311F и BF101
При использовании кода калькулятора потребуется индивидуальная доработка для Вашего сайта и Ваших нужд

<style>
.stylebtn{
    position:relative;
    height: 60px;
}
.slow {
    color:#ffffff;
    margin-bottom: 10px;
}
.spirit3.slow {
    font-size: 18px;
    font-weight: 600;
    color: #82c519;
}
.t698__title {
    margin-bottom: 20px !important;
}

.t698 .t-radio__control {
    float: left;
}

.t698 .t-input-group {
    clear: both;
    padding-top: 15px !important;
}

.t698 .t-radio__control:first-child {
    margin: 0 20px 0 0;
}

.t142__submit {
    margin-left: 0px !important;
    margin-right: 0px !important;
    width: 300px !important;
}
@media screen and (max-width: 640px){
.t142__submit {
    padding-left: 10px !important;
    padding-right: 10px !important;
}
}
</style>

<script>
$(document).ready(function(){
  
//Вписываем ID блока с формой
var calcID = "#rec51155397";
//Вписываем ID блока с кнопкой 1
var buttonID1 = "#rec51159138";
//Вписываем ID блока с кнопкой 1
var buttonID2 = "#rec51257182";

//Переносим кнопки в форму
$(calcID + " " + ".t-form__submit").before("<div class='addbtn'></div>");
$(buttonID1).addClass("stylebtn").appendTo(".addbtn");
$(buttonID2).addClass("stylebtn").appendTo(".addbtn");
//Скрываем кнопку Submit
$(calcID + " " + ".t-form__submit").css("display" , "none");
//Скрываем заголовок результата
$(calcID + " " + ".t-input-group_tx:first").css("display" , "none");

//Разрешить ввод только цифр в полях  ввода
$("[name='cena']").bind("change keyup input click", function() {
if (this.value.match(/[^0-9]/g)) {
this.value = this.value.replace(/[^0-9]/g, '');
};
});    

//Добавляем новые параграфы;
$(calcID + " " + ".t-input-group_tx:last .t-text").append("<p class='spirit1 slow'></p><p class='spirit2 slow'></p><p class='spirit3 slow'></p>");

//При клике на кнопку рассчёт
$("[href='#rasschet']").click(function() {
//Получаем цену квартиры 
 var cenakv = $("[name='cena']").val();
//Получаем значение дат
 var dt1 = $("[name='date1']").val();
 var dt2 = $("[name='date2']").val();
//Получаем значение переключателя
if ($(".t-radio:eq(0)").prop('checked')) {
 var    youare = 2;
} else { youare = 1; };

//Приводим даты к нужному формату
 var arr1 = dt1.split('.');
 var arr2 = dt2.split('.');
 var novdt1 = arr1[1]+"/"+arr1[0]+"/"+arr1[2];
 var novdt2 = arr2[1]+"/"+arr2[0]+"/"+arr2[2];
 var date1 = new Date(novdt1);
 var date2 = new Date(novdt2);
//Вычисляем разницу между датами
 var days = (date2-date1)/86400000;

//Размер неустойки за каждый день просрочки
var itog = cenakv*7.75*youare/30000;
//Неустойка за всё время составит
var dayitog = itog*days;

//Очищаем итоговые поля
$(".slow").empty();

//Проверка ввода
var bezoshibok = true;
//Если даты выбраны неверно
if (days<=0 || dt1 == "" || dt2 == "" ){
    bezoshibok = false;
    $(".spirit3").html("Неправильно указаны даты");
    $(".spirit3").css("color" , "#ff4a4a"); 
};

//Если цена квартиры меньше 500 000

if (cenakv<=500000){
    bezoshibok = false;
    $(".spirit3").html("Квартира должна быть дороже 500 000 руб");
    $(".spirit3").css("color" , "#ff4a4a");
};

//Если всё без ошибок, то выводим итог
if (bezoshibok){
//Выводим запись текста с итогами
//Составляем новые переменные с текстом
var mlbl1 = "Период просрочки: "+days+" дн.</br>Ставка рефинансирования: 7.75%";
var mlbl2 = "Размер неустойки за каждый день просрочки:</br>"+cenakv+" руб. × 7.75% × "+youare+" / 300 = "+itog.toFixed(2)+" руб."
var mlbl3 = "НЕУСТОЙКА ЗА ВСЕ ВРЕМЯ СОСТАВЛЯЕТ:</br>"+itog.toFixed(2)+" руб. × "+days+" дн. = "+dayitog.toFixed(2)+" .руб";
//Выводим заголовок результатов
$(calcID + " " + ".t-input-group_tx:first").css("display" , "block");
//Выводим в наши параграфы значения переменных
$(".spirit3").css("color" , "#ffffff");
$(".spirit1").html(mlbl1);
$(".spirit2").html(mlbl2);
$(".spirit3").html(mlbl3);
};
});
});
</script>
Made on
Tilda