JavaScript Project Tutorial | Mortgage Calculator App

Learn JavaScript by creating a financial application what will calculate the mortgage using JavaScript event listeners like click event and key up event.

? Support The Channel by becoming a part of this community!

? Code for this Video:
https://norbertbm.com/?p=5055
-----------------------------------------------------------------------------

? Website & Courses: ?? :
https://norbertbm.com/web-development/web-dev-courses/

-------------------------------------------------------------------------------------------------
Timestamps:
00:00 - Intro & Project overview
02:42 - Create the HTML5 Boilerplate
03:20 - Use Materialize CSS and Bootstrap in HTML
04:47 - Create the HTML main container class using Bootstrap
05:50 - Create a form using HTML
06:48 - Create Form lable and input tags in HTML
07:59 - Make a html input tag readonly
10:38 - Create the Form submission button using Bootstrap CSS
13:20 - Create the javascript logic for the mortgage calculator
13:59 - Get elements from the DOM using JavaScript
16:39 - Calculate the Loan Amount using JavaScript keyUp event listener
18:56 - Calculate Mortgage
19:55 - Convert percent to decimal
20:43 - Convert years to months using JavaScript
23:19 - Use JavaScript on Submit event listener
26:14 - Export results to the DOM
27:39 - Create form validation using Alerts with JavaScript
29:10 - Create custom alert using HTML CSS and JavaScript DOM Manipulation
29:41 - Create a HTML Element using JavaScript createElement
30:45 - Add HTML Element to the DOM using javascript insertBefore method
31:42 - Use JavaScript Click event to remove HTML element from the DOM
32:41 - Remove HTML element from the DOM using JavaScript setTimeout function

-------------------------------------------------------------------------------------------------

-------------------------------------------------------------------------------------------------

#javascriptprojects #javascripttutorial #norbertbmwebdevelopment