CPI Inflation Rate Calculator
This calculator helps you determine the inflation rate between two periods based on the Consumer Price Index (CPI). Inflation measures the rate at which the general level of prices for goods and services is rising, and subsequently, purchasing power is falling. By using historical CPI data, you can understand how much prices have changed over time.
CPI in Initial Period:
CPI in Final Period:
Calculate Inflation Rate
function calculateInflationRate() {
var cpi_initial_input = document.getElementById("cpi_initial");
var cpi_final_input = document.getElementById("cpi_final");
var inflation_rate_output = document.getElementById("inflation_rate_output");
var cpi_initial = parseFloat(cpi_initial_input.value);
var cpi_final = parseFloat(cpi_final_input.value);
if (isNaN(cpi_initial) || isNaN(cpi_final) || cpi_initial <= 0) {
inflation_rate_output.textContent = "Please enter valid positive numbers.";
return;
}
// Formula for CPI Inflation Rate: ((CPI_final – CPI_initial) / CPI_initial) * 100
var inflation_rate = ((cpi_final – cpi_initial) / cpi_initial) * 100;
inflation_rate_output.textContent = inflation_rate.toFixed(2) + "%";
}
.calculator-container {
font-family: Arial, sans-serif;
border: 1px solid #ccc;
padding: 20px;
border-radius: 8px;
max-width: 400px;
margin: 20px auto;
background-color: #f9f9f9;
}
.calculator-container h2 {
text-align: center;
color: #333;
margin-bottom: 15px;
}
.calculator-container p {
color: #555;
line-height: 1.6;
margin-bottom: 20px;
}
.input-section label {
display: block;
margin-bottom: 8px;
color: #333;
font-weight: bold;
}
.input-section input[type="number"] {
width: calc(100% – 16px);
padding: 10px;
margin-bottom: 15px;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
}
.calculator-container button {
display: block;
width: 100%;
padding: 12px 20px;
background-color: #007bff;
color: white;
border: none;
border-radius: 4px;
font-size: 16px;
cursor: pointer;
transition: background-color 0.3s ease;
}
.calculator-container button:hover {
background-color: #0056b3;
}
#result {
margin-top: 20px;
padding: 15px;
background-color: #e9ecef;
border-radius: 4px;
text-align: center;
font-size: 1.1em;
color: #333;
}
#result p {
margin: 0;
}
#inflation_rate_output {
font-weight: bold;
color: #28a745;
}