#roi-calculator-container {
font-family: sans-serif;
max-width: 600px;
margin: 20px auto;
padding: 20px;
border: 1px solid #ddd;
border-radius: 8px;
background-color: #f9f9f9;
}
#roi-calculator-container h2 {
text-align: center;
color: #333;
margin-bottom: 20px;
}
.roi-input-group {
margin-bottom: 15px;
display: flex;
align-items: center;
justify-content: space-between;
}
.roi-input-group label {
flex: 1;
margin-right: 10px;
font-weight: bold;
color: #555;
}
.roi-input-group input[type="number"],
.roi-input-group input[type="text"] {
flex: 1;
padding: 8px;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box; /* Important for consistent sizing */
}
.roi-input-group input[type="text"] {
width: 100%; /* Ensure text input takes full width within its flex item */
}
.roi-button {
display: block;
width: 100%;
padding: 10px 15px;
background-color: #4CAF50;
color: white;
border: none;
border-radius: 5px;
font-size: 16px;
cursor: pointer;
transition: background-color 0.3s ease;
}
.roi-button:hover {
background-color: #45a049;
}
#roi-result {
margin-top: 20px;
padding: 15px;
background-color: #e0ffe0;
border: 1px solid #a0d0a0;
border-radius: 5px;
text-align: center;
font-size: 1.1em;
color: #333;
font-weight: bold;
}
#roi-result p {
margin: 0;
}
.roi-explanation {
margin-top: 30px;
padding: 20px;
background-color: #fff;
border: 1px solid #eee;
border-radius: 5px;
}
.roi-explanation h3 {
color: #4CAF50;
margin-top: 0;
}
.roi-explanation p, .roi-explanation ul {
line-height: 1.6;
color: #666;
}
.roi-explanation ul {
padding-left: 20px;
}
function calculateROI() {
var initialInvestment = parseFloat(document.getElementById("initialInvestment").value);
var currentValue = parseFloat(document.getElementById("currentValue").value);
var resultDiv = document.getElementById("roi-result");
if (isNaN(initialInvestment) || isNaN(currentValue)) {
resultDiv.innerHTML = "Please enter valid numbers for both fields.";
return;
}
if (initialInvestment === 0) {
resultDiv.innerHTML = "Initial investment cannot be zero.";
return;
}
var profit = currentValue – initialInvestment;
var roi = (profit / initialInvestment) * 100;
var resultText = "ROI: ";
if (roi >= 0) {
resultText += "+" + roi.toFixed(2) + "%";
} else {
resultText += roi.toFixed(2) + "%";
}
resultDiv.innerHTML = "" + resultText + "";
}
Investment Return on Investment (ROI) Calculator
ROI: —
What is Return on Investment (ROI)?
Return on Investment (ROI) is a performance measure used to evaluate the efficiency or profitability of an investment. It is a ratio that compares the gain or loss from an investment relative to its cost. A higher ROI indicates that the investment has performed better relative to its cost.
The basic formula for ROI is:
ROI = ((Current Value of Investment – Cost of Investment) / Cost of Investment) * 100%
In this calculator:
- Initial Investment: This is the total amount of money you initially put into the investment.
- Current Value: This is the current market value of your investment.
Understanding your ROI helps you make informed decisions about where to allocate your capital and assess the success of your investment strategies.