t type="number" id="fuelEfficiency" required>

            <label for="fuelCost">Fuel Cost (per liter):</label>
            <input type="number" id="fuelCost" required>

            <button type="button" onclick="calculateCost()">Calculate Cost</button>
        </form>
        <div id="result"></div>
    </div>

    <script>
        function calculateCost() {
            const distance = parseFloat(document.getElementById('distance').value);
            const fuelEfficiency = parseFloat(document.getElementB