Home

Kira Melody


Compound Interest Calculator Compound Interest Calculator Principal amount:
Annual interest rate (as a decimal):
Number of years:
Number of times interest is compounded per year:
Calculate

Join me in this little piece of the world and I’ll share with you some of the sights, sounds, and stories that make it special.

<!DOCTYPE html>
<html>
<head>
<title>Compound Interest Calculator</title>
</head>
<body>
<h1>Compound Interest Calculator</h1>
<form id=”calculator-form”>
<label for=”principal”>Principal amount:</label>
<input type=”number” id=”principal” name=”principal” required>
<br>
<label for=”rate”>Annual interest rate (as a decimal):</label>
<input type=”number” id=”rate” name=”rate” required>
<br>
<label for=”years”>Number of years:</label>
<input type=”number” id=”years” name=”years” required>
<br>
<label for=”compounds”>Number of times interest is compounded per year:</label>
<input type=”number” id=”compounds” name=”compounds” required>
<br>
<button type=”submit”>Calculate</button>
</form>
<div id=”results”></div>
<script>
document.getElementById(‘calculator-form’).addEventListener(‘submit’, function(event) {
event.preventDefault();
var principal = document.getElementById(‘principal’).value;
var rate = document.getElementById(‘rate’).value;
var years = document.getElementById(‘years’).value;
var compounds = document.getElementById(‘compounds’).value;
var total = principal * Math.pow(1 + (rate/compounds), compounds*years);
var interest = total – principal;
document.getElementById(‘results’).innerHTML = ‘<p>Total amount: $’ + total.toFixed(2) + ‘</p><p>Interest earned: $’ + interest.toFixed(2) + ‘</p>’;
});
</script>
</body>
</html>

<!DOCTYPE html>
<html>
  <head>
    <title>Compound Interest Calculator</title>
  </head>
  <body>
    <h1>Compound Interest Calculator</h1>
    <form id="calculator-form">
      <label for="principal">Principal amount:</label>
      <input type="number" id="principal" name="principal" required>
      <br>
      <label for="rate">Annual interest rate (as a decimal):</label>
      <input type="number" id="rate" name="rate" required>
      <br>
      <label for="years">Number of years:</label>
      <input type="number" id="years" name="years" required>
      <br>
      <label for="compounds">Number of times interest is compounded per year:</label>
      <input type="number" id="compounds" name="compounds" required>
      <br>
      <button type="submit">Calculate</button>
    </form>
    <div id="results"></div>
    <script>
      document.getElementById('calculator-form').addEventListener('submit', function(event) {
        event.preventDefault();
        var principal = document.getElementById('principal').value;
        var rate = document.getElementById('rate').value;
        var years = document.getElementById('years').value;
        var compounds = document.getElementById('compounds').value;
        var total = principal * Math.pow(1 + (rate/compounds), compounds*years);
        var interest = total - principal;
        document.getElementById('results').innerHTML = '<p>Total amount: $' + total.toFixed(2) + '</p><p>Interest earned: $' + interest.toFixed(2) + '</p>';
      });
    </script>
  </body>
</html>