calculator.html


<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>Load Calculator</title>
    <script type="text/javascript" src="calculator.js"></script>
    <link rel="stylesheet" href="calculator.css">
  </head>
  <body>
    <header>
      <h1>Loan Calculator 💰💲💵</h1>
    </header>
    <section class="calc-container">
      <form id="calc-form">
        <label>
          Loan Amount
          <input type="text" id="loan-amount">
        </label>
        <label>
          Term in Years
          <input type="text" id="loan-years">
        </label>
        <label>
          Yearly Rate
          <input type="text" id="loan-rate">
        </label>
        <button type="submit" id="calc-submit">Calculate</button>
      </form>
      <div>
        <h3>Monthly Payment<h3>
        <span id="monthly-payment"></span>
      </div>
    </section>
  </body>
</html>