Mutual fund calculator code -Mutual fund return calculator online - Mutual fund return calculator html code
welcome to new post , in this post you will find a code for Mutual fund return calculato . You can add this code to your website and run your online Mutual fund return calculator .
This code is free and you no need to pay for code now.
We will try to give you a new code for every day .
You can create your tool website and earn unlimited with google and google adsense.
You can create your free website with the google product name as Blogger.
You just open Blogger.com
create your account and write or paste this code in the html view of your blogger.
so the Code is given below you can copy and paste in your website .
lets start .
<html>
<head>
<title>Mutual Fund Return Calculator</title>
<style>
body {
font-family: Arial, sans-serif;
}
.container {
max-width: 400px;
margin: 0 auto;
padding: 20px;
border: 1px solid #ccc;
border-radius: 5px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
h1 {
text-align: center;
}
.form-group {
margin-bottom: 20px;
}
.form-group label {
display: block;
font-weight: bold;
}
.form-group input[type="text"] {
width: 100%;
padding: 8px;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
}
.form-group input[type="submit"] {
width: 100%;
padding: 10px;
background-color: #4CAF50;
color: white;
border: none;
border-radius: 4px;
cursor: pointer;
}
#result {
text-align: center;
margin-top: 20px;
font-weight: bold;
}
</style>
</head>
<body>
<div class="container">
<h1>Mutual Fund Return Calculator</h1>
<form id="calculatorForm">
<div class="form-group">
<label for="initialInvestment">Initial Investment Amount:</label>
<input id="initialInvestment" placeholder="Enter initial investment amount" required="" type="text" />
</div>
<div class="form-group">
<label for="annualReturn">Annual Return Rate (%):</label>
<input id="annualReturn" placeholder="Enter annual return rate" required="" type="text" />
</div>
<div class="form-group">
<label for="investmentDuration">Investment Duration (Years):</label>
<input id="investmentDuration" placeholder="Enter investment duration" required="" type="text" />
</div>
<div class="form-group">
<input id="calculateBtn" type="submit" value="Calculate" />
</div>
</form>
<div id="result"></div>
</div>
<script>
document.getElementById('calculatorForm').addEventListener('submit', function (event) {
event.preventDefault();
calculateReturns();
});
function calculateReturns() {
var initialInvestment = parseFloat(document.getElementById('initialInvestment').value);
var annualReturn = parseFloat(document.getElementById('annualReturn').value);
var investmentDuration = parseFloat(document.getElementById('investmentDuration').value);
var futureValue = initialInvestment * Math.pow(1 + (annualReturn / 100), investmentDuration);
var resultElement = document.getElementById('result');
resultElement.innerHTML = "Future Value: $" + futureValue.toFixed(2);
}
</script>
</body>
</html>
Comments
Post a Comment