How to Calculate Growth Rate in Real Gdp
.calculator-widget {
font-family: sans-serif;
border: 1px solid #ccc;
padding: 20px;
border-radius: 8px;
max-width: 700px;
margin: 20px auto;
background-color: #f9f9f9;
}
.calculator-widget h2 {
text-align: center;
color: #333;
margin-bottom: 20px;
}
.calculator-inputs {
display: flex;
flex-direction: column;
gap: 15px;
margin-bottom: 20px;
}
.calculator-inputs .input-group {
display: flex;
align-items: center;
gap: 10px;
}
.calculator-inputs label {
flex: 1;
text-align: right;
color: #555;
}
.calculator-inputs input[type="number"] {
padding: 8px;
border: 1px solid #ccc;
border-radius: 4px;
width: 150px;
box-sizing: border-box;
}
.calculator-inputs .unit {
color: #777;
font-size: 0.9em;
}
.calculator-inputs button {
padding: 10px 15px;
background-color: #007bff;
color: white;
border: none;
border-radius: 4px;
cursor: pointer;
font-size: 1em;
margin-top: 10px;
transition: background-color 0.3s ease;
}
.calculator-inputs button:hover {
background-color: #0056b3;
}
.calculator-results {
margin-top: 20px;
padding: 15px;
border: 1px dashed #007bff;
border-radius: 4px;
background-color: #e7f3ff;
text-align: center;
font-size: 1.2em;
color: #0056b3;
min-height: 50px; /* To ensure it's visible even when empty */
display: flex;
align-items: center;
justify-content: center;
}
.calculator-explanation {
margin-top: 30px;
border-top: 1px solid #eee;
padding-top: 20px;
font-size: 0.95em;
line-height: 1.6;
color: #444;
}
.calculator-explanation h3 {
color: #333;
margin-bottom: 10px;
}
.calculator-explanation code {
background-color: #f0f0f0;
padding: 2px 5px;
border-radius: 3px;
font-family: monospace;
}
function calculateRealGDPGrowth() {
var gdpCurrentYearInput = document.getElementById("gdpCurrentYear");
var gdpPreviousYearInput = document.getElementById("gdpPreviousYear");
var resultDiv = document.getElementById("result");
var gdpCurrentYear = parseFloat(gdpCurrentYearInput.value);
var gdpPreviousYear = parseFloat(gdpPreviousYearInput.value);
if (isNaN(gdpCurrentYear) || isNaN(gdpPreviousYear)) {
resultDiv.innerHTML = "Please enter valid numbers for both GDP values.";
resultDiv.style.color = "#dc3545";
return;
}
if (gdpPreviousYear === 0) {
resultDiv.innerHTML = "Previous year's GDP cannot be zero.";
resultDiv.style.color = "#dc3545";
return;
}
var growthRate = ((gdpCurrentYear – gdpPreviousYear) / gdpPreviousYear) * 100;
resultDiv.innerHTML = "Real GDP Growth Rate: " + growthRate.toFixed(2) + "%";
resultDiv.style.color = "#007bff";
}