Financial Calculators
About this app
A collection of financial calculators to help you plan your finances better.
Financial Calculators 🧮 Financial Calculators 🧮 Simple Interest Calculator Principal: Rate of Interest: Time (in years): Calculate
Related apps
Put this on your site
Source
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Financial Calculators</title>
<meta name="description" content="A collection of financial calculators to help you plan your finances better.">
<meta name="keywords" content="Financial calculator, finance, essentials">
<link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@300;400;700&display=swap" rel="stylesheet">
<style>
body {
font-family: 'Roboto Mono', monospace;
background-color: #000;
color: #fff;
}
.container {
background-color: #0000ff;
border-radius: 10px;
padding: 20px;
margin-top: 20px;
animation: expand 3s infinite;
}
@keyframes expand {
0% { transform: scale(0.9); }
50% { transform: scale(1.1); }
100% { transform: scale(0.9); }
}
h1, h2 {
text-align: center;
}
.logo {
width: 100px;
height: 100px;
background-color: #fff;
margin: 0 auto;
border-radius: 50%;
}
</style>
<script type="text/javascript">
try {
document.addEventListener("DOMContentLoaded", function() {
var calcButton = document.getElementById('calculate');
calcButton.addEventListener('click', function() {
var principal = parseFloat(document.getElementById('principal').value);
var rate = parseFloat(document.getElementById('rate').value);
var time = parseFloat(document.getElementById('time').value);
var interest = (principal * rate * time) / 100;
document.getElementById('interest').innerText = 'Interest: ' + interest;
});
});
} catch (error) {
throw error;
}
</script>
</head>
<body>
<div id="main-container" class="container">
<div class="logo">
<img src="" alt="Logo" id="logo">
</div>
<h1>🧮 Financial Calculators 🧮</h1>
<h2>Simple Interest Calculator</h2>
<div>
<label for="principal">Principal:</label>
<input type="number" id="principal" name="principal">
</div>
<div>
<label for="rate">Rate of Interest:</label>
<input type="number" id="rate" name="rate">
</div>
<div>
<label for="time">Time (in years):</label>
<input type="number" id="time" name="time">
</div>
<button id="calculate">Calculate</button>
<h2 id="interest"></h2>
</div>
</body>
</html>
NEW APPS
These are apps made by the community!