<h2>Inflation Calculator</h2> <form id="inflationCalculator"><label for="earlierPrice">Price in earlier year ($):</label><br /> <input id="earlierPrice" name="earlierPrice" placeholder="Enter price in earlier year" required="" type="number" /><br /> <br /> <label for="laterPrice">Price in later year ($):</label><br /> <input id="laterPrice" name="laterPrice" placeholder="Enter price in later year" required="" type="number" /><br /> <br /> <input onclick="calculateInflation()" type="button" value="Calculate Inflation" /></form> <p id="result">Inflation rate: <span id="inflationRate">0.00</span>%</p> <script> function calculateInflation() { let earlierPrice = parseFloat(document.getElementById('earlierPrice').value); let laterPrice = parseFloat(document.getElementById('laterPrice').value); // Calculate inflation rate let inflation = ((laterPrice - earlierPrice) / earlierPrice) * 100; document.getElementById('inflationRate').innerText = inflation.toFixed(2); } </script>