Simple use full " Mortgage Calculator Tool" Script in HTML

This code creates a mortgage calculator tool that allows the user to input the loan amount, interest rate, and loan term and calculates the monthly mortgage payment based on these values. The result is displayed in a separate section below the form. The code is responsive, so it adjusts to different screen sizes.

Here's how the code works:

1. The HTML code starts with a form that contains three input fields for loan amount, interest rate, and loan term, and a submit button.
2. The form is styled using CSS to make it look nice and centered on the page. There is also a separate CSS style for the result section that is initially hidden.
3. The JavaScript code selects the form and result section elements using document.querySelector() method and defines two functions -
   calculateMortgagePayment()
   and
   displayResults()
   .
4. The
   calculateMortgagePayment()
   function takes in the principal amount, interest rate, and loan term as arguments and calculates the monthly mortgage payment using the standard formula. It returns the calculated payment rounded off to two decimal places.
5. The
   displayResults()
   function takes in the calculated payment as an argument, creates a new
   div
   element to display the result, adds the result to the
   div
   element, and appends the
   div
   element to the result section.
6. An event listener is added to the form that listens for form submission. When the form is submitted, the event listener prevents the default form submission behavior using
   event.preventDefault()
   , gets the values of loan amount, interest rate, and loan term from the form using
   document.querySelector()
   method, calculates the mortgage payment using the
   calculateMortgagePayment()
   function, clears any previous results from the result section, and displays the result using the
   displayResults()
   function.