Best Compound Interest Calculator-Get A free code and script

Compound Interest Calculator>

This is a live demo and preview. Get this Compound Interest Calculator for free for your own websites and blogs
Compound Interest Calculator

This is Code and demo of Compound Interest Calculator. Copy this code and paste it into your own website and blog posts.

<html>
<head>
	<title>Compound Interest Calculator</title>
	<style>
		body {
			font-family: Arial, Helvetica, sans-serif;
			background-color: #f2f2f2;
		}
		h1 {
			text-align: center;
			margin-top: 0px;
			margin-bottom: 10px;
			color: #444444;
		}
		form {
			display: flex;
			flex-direction: column;
			align-items: center;
			margin-top: 10px;
			box-shadow: 0 2px 20px rgba(0, 0, 0, 1), 0 0 0 3px #006db0;
			border-radius: 0px;
			padding: 20px;
			max-width: 400px;
			margin: 0 auto;
			background-color: #ffffff;
		}
		label {
			font-size: 18px;
			margin-bottom: 10px;
			color: #444444;
		}
		input, select {
			padding: 10px;
			font-size: 18px;
			border: 1px solid #cccccc;
			border-radius: 0px;
			width: 70%;
			margin-bottom: 0px;
		}
		button {
			padding: 10px 20px;
			font-size: 18px;
			background-color: #4CAF50;
			color: white;
			border: none;
			border-radius: 0px;
			cursor: pointer;
			margin-top: 20px;
			width: 50%;
		}
		button:hover {
			background-color: #3e8e41;
		}
		#interest {
			text-align: center;
			font-size: 24px;
			margin-top: 10px;
			color: #444444;
		}
		#interest span {
			font-weight: bold;
			color: #4CAF50;
		}
	</style>
	<meta content="width=device-width, initial-scale=1" name="viewport"></meta>
</head>
<body>
	
	<form>
      <h1>Compound Interest Calculator</h1>
      <br />
		<label for="principal">Principal ($):</label>
		<input id="principal" name="principal" required="" step="0.01" type="number" />
		<br />
		<label for="rate">Annual Interest Rate (%):</label>
		<input id="rate" name="rate" required="" step="0.01" type="number" />
		<br />
		<label for="years">Number of Years:</label>
		<input id="years" name="years" required="" step="0.01" type="number" />
		<br />
		<label for="interval">Compounding Interval:</label>
		<select id="interval" name="interval">
			<option value="annually">Annually</option>
			<option value="semiannually">Semi-Annually</option>
			<option value="quarterly">Quarterly</option>
			<option value="monthly">Monthly</option>
			<option value="semimonthly">Semi-Monthly</option>
			<option value="biweekly">Bi-Weekly</option>
			<option value="weekly">Weekly</option>
			<option value="daily">Daily</option>
			<option value="continuously">Continuously</option>
		</select>
		<br />
		<button onclick="calculateInterest()" type="button">Calculate Interest</button>
		<button onclick="resetForm()" type="button">Reset</button>
	</form>
	<div id="interest"></div>
	<script>
		function calculateInterest() {
			var principal = parseFloat(document.getElementById("principal").value);
			var rate = parseFloat(document.getElementById("rate").value);
			var years = parseFloat(document.getElementById("years").value);
			var interval = document.getElementById("interval").value;
			var n = 1;
			var r = rate / 100;
			var t = years;

switch(interval) {
				case "annually":
					n = 1;
					break;
				case "semiannually":
					n = 2;
					r /= 2;
					break;
				case "quarterly":
					n = 4;
					r /= 4;
					break;
				case "monthly":
					n = 12;
					r /= 12;
					break;
				case "semimonthly":
					n = 24;
					r /= 24;
					break;
				case "biweekly":
					n = 26;
					r /= 26;
					break;
				case "weekly":
					n = 52;
					r /= 52;
					break;
				case "daily":
					n = 365;
					r /= 365;
					break;
				case "continuously":
					n = 365 * 24 * 60 * 60;
					r = Math.exp(r / n) - 1;
					break;
			}

var amount = principal * Math.pow(1 + r / n, n * t);
			var interest = amount - principal;

var result = "At the end of " + years.toFixed(2) + " years, your investment will be worth $" + amount.toFixed(2) + ", with an interest earned of $" + interest.toFixed(2) + ".";
			document.getElementById("interest").innerHTML = result;
		}

function resetForm() {
			document.getElementById("principal").value = "";
			document.getElementById("rate").value = "";
			document.getElementById("years").value = "";
			document.getElementById("interval").selectedIndex = 0;
			document.getElementById("interest").innerHTML = "";
		}
	</script>
</body>
</html>

Code terms

You Can freely use it for personal and users
You Can modify/change the main code
You Can freely add your blogs and websites
Attribution is not required.

If you have any questions about this converter, please feel free to reach out to us via email.

Best Compound Interest Calculator-Get A free code and script

Compound Interest Calculator

Code Editor

Code Editor

Popular

Tags

Navigation