Dividend Calculator
Dividend Calculator
Calculate your dividend income easily.
Results:
Annual Dividend Income: $0.00
Dividend Yield: 0.00%
body {
background-color: #f9f9f9;
font-family: 'Arial', sans-serif;
}
h1 {
font-weight: bold;
}
.card {
background-color: #ffffff;
border: none;
border-radius: 8px;
}
.btn-primary {
background-color: #007bff;
border: none;
transition: all 0.3s ease;
}
.btn-primary:hover {
background-color: #0056b3;
}
#results p {
margin: 0.5rem 0;
}
.text-success {
color: #28a745 !important;
}
document.getElementById('dividendForm').addEventListener('submit', function (event) {
event.preventDefault();
// Get input values
const sharePrice = parseFloat(document.getElementById('sharePrice').value);
const annualDividend = parseFloat(document.getElementById('annualDividend').value);
const numShares = parseFloat(document.getElementById('numShares').value);
// Validate inputs
if (isNaN(sharePrice) || isNaN(annualDividend) || isNaN(numShares)) {
alert("Please enter valid numbers in all fields.");
return;
}
// Calculate results
const annualIncome = (annualDividend * numShares).toFixed(2);
const dividendYield = ((annualDividend / sharePrice) * 100).toFixed(2);
// Display results
document.getElementById('annualIncome').textContent = annualIncome;
document.getElementById('dividendYield').textContent = dividendYield;
document.getElementById('results').classList.remove('d-none');
});
