Скачать или смотреть Кредитный калькулятор на JS с диаграммой

🌐 Сайт: https://codelab.pro/
💬 Группа в Telegram: https://t.me/codelab_channel

––––––––––––––––––––––––––––––

📋 Кратко, о чем это видео

В этом видео мы создадим кредитный калькулятор, реализованный на JavaScript, который работает на основе аннуитетного платежа. Аннуитетный платеж представляет собой равные ежемесячные выплаты, включающие как основной долг, так и проценты по кредиту.

Особенностью данного калькулятора является наличие встроенной диаграммы, которая наглядно демонстрирует структуру платежей, включая основной долг и сумму переплаты. Диаграмма реализована с помощью библиотеки Chart.js.

❗Все комментарии к видео даны в таймкодах. А скачать готовый код из видео с подробными комментариями вы можете ниже по ссылке.

––––––––––––––––––––––––––––––

📌 Полезные ссылки

Скачать готовый код из видео ➝ https://codelab.pro/source/kreditnyj-...
Стартовый проект ➝ https://github.com/toni-wheel/module-...
Скопировать код для диаграммы ➝ https://codelab.pro/bystryj-start-v-c...

––––––––––––––––––––––––––––––

🕒 Таймкоды из видео

0:00 - Демонстрация проекта
0:21 - Скачиваем стартовый проект
0:21 - Скачиваем стартовый проект
0:30 - Разметка формы калькулятора
0:57 - Разметка для заголовка и полей ввода
3:06 - Разметка для полей вывода и диаграммы
4:22 - Стилизуем форму калькулятора
5:42 - Стилизуем заголовки и поля ввода
8:09 - Стилизуем поля вывода и кнопку
12:31 - Считываем элементы формы
13:38 - Создаем класс кредитного калькулятора
13:59 - Создаем объект стандартных значений
14:20 - Присваиваем инпутам стандартные значения
15:02 - Сеттеры для присваивания значений
15:02 - Сеттеры для присваивания значений
15:36 - Метод для расчета значений
17:19 - Функция для округления чисел
17:47 - Метод для обновления полей вывода
18:38 - Обработчик клика по кнопке
19:33 - Копируем код диаграммы в проект
19:48 - Дорабатываем диаграмму

––––––––––––––––––––––––––––––

🎧 Музыка из видео

Sweet Dreams by BatchBug |   / batchbug  
Music promoted by https://www.chosic.com/free-music/all/
Creative Commons Attribution 3.0 Unported License
https://creativecommons.org/licenses/...

Purple Dream by Ghostrifter bit.ly/ghostrifter-yt
Creative Commons — Attribution-NoDerivs 3.0 Unported — CC BY-ND 3.0
Music promoted by https://www.chosic.com/free-music/all/


––––––––––––––––––––––––––––––

💻Промокоды на хостинг

https://timeweb.com/ru/?i=106411

FREELAB — для получения 1 месяца хостинга при оплате хостинга на 1 год.
PROLAB — для получения 3 месяцев хостинга при оплате хостинга на 2 года.