document.addEventListener('DOMContentLoaded', function () {
    const amountInput = document.getElementById('amount');
    const vatInput = document.getElementById('vatPercentage');
    const vatAmountOutput = document.getElementById('vatAmount');
    const totalAmountOutput = document.getElementById('totalAmount');

    function calculate() {
        const amount = parseFloat(amountInput.value) || 0;
        const vatPercentage = parseFloat(vatInput.value) || 0;

        const vatAmount = amount * (vatPercentage / 100);
        const totalAmount = amount + vatAmount;

        vatAmountOutput.textContent = vatAmount.toFixed(2);
        totalAmountOutput.textContent = totalAmount.toFixed(2);
    }

    amountInput.addEventListener('input', calculate);
    vatInput.addEventListener('input', calculate);

    // Initial calculation
    calculate();
});