Breaking News: Grepper is joining You.com. Read the official announcement!

Realtime Calculations Using Js

Enchanting Elk answered on May 2, 2024 Popularity 1/10 Helpfulness 1/10

answer Realtime Calculations Using Js

Realtime Calculations Using Js

Comment

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Penalty Calculator</title>
</head>
<body>
    <label for="outstanding-amount">Outstanding Amount:</label>
    <input type="number" id="outstanding-amount">

    <label for="due-amount">Due Amount:</label>
    <input type="number" id="due-amount">

    <label for="waiver-percentage">% Waiver:</label>
    <input type="number" id="waiver-percentage">

    <label for="gst">GST:</label>
    <input type="number" id="gst">

    <label for="interest">Interest:</label>
    <input type="number" id="interest">

    <label for="ask-from-user">Ask from the user:</label>
    <input type="number" id="ask-from-user">

    <h2>Outputs:</h2>
    <p id="penalty-charges">Penalty Charges: </p>
    <p id="resultant-penalty-charges">Resultant Penalty Charges: </p>
    <p id="amount-to-repay">Amount to Repay: </p>
    <p id="penalty-waived-off">Penalty Waived Off: </p>
    <p id="deductions-from-penalty">Deductions from Penalty: </p>
    <p id="waiver-asking">Waiver Asking by User (%): </p>

    <script>
        const outstandingAmountInput = document.getElementById('outstanding-amount');
        const dueAmountInput = document.getElementById('due-amount');
        const waiverPercentageInput = document.getElementById('waiver-percentage');
        const gstInput = document.getElementById('gst');
        const interestInput = document.getElementById('interest');
        const askFromUserInput = document.getElementById('ask-from-user');

        const penaltyChargesOutput = document.getElementById('penalty-charges');
        const resultantPenaltyChargesOutput = document.getElementById('resultant-penalty-charges');
        const amountToRepayOutput = document.getElementById('amount-to-repay');
        const penaltyWaivedOffOutput = document.getElementById('penalty-waived-off');
        const deductionsFromPenaltyOutput = document.getElementById('deductions-from-penalty');
        const waiverAskingOutput = document.getElementById('waiver-asking');

        function calculatePenaltyCharges() {
            const outstandingAmount = parseFloat(outstandingAmountInput.value) || 0;
            const dueAmount = parseFloat(dueAmountInput.value) || 0;
            const gst = parseFloat(gstInput.value) || 0;
            const interest = parseFloat(interestInput.value) || 0;
            return outstandingAmount - (dueAmount + gst + interest);
        }

        function updateOutputs() {
            const penaltyCharges = calculatePenaltyCharges();
            const waiverPercentage = parseFloat(waiverPercentageInput.value) || 0;
            const resultantPenaltyCharges = penaltyCharges - (waiverPercentage / 100 * penaltyCharges);
            const amountToRepay = dueAmountInput.valueAsNumber + resultantPenaltyCharges;
            const penaltyWaivedOff = penaltyCharges - resultantPenaltyCharges;
            const deductionsFromPenalty = (penaltyCharges + dueAmountInput.valueAsNumber) - askFromUserInput.valueAsNumber;
            const waiverAsking = (deductionsFromPenalty / penaltyCharges) * 100;

            penaltyChargesOutput.textContent = `Penalty Charges: ${penaltyCharges}`;
            resultantPenaltyChargesOutput.textContent = `Resultant Penalty Charges: ${resultantPenaltyCharges}`;
            amountToRepayOutput.textContent = `Amount to Repay: ${amountToRepay}`;
            penaltyWaivedOffOutput.textContent = `Penalty Waived Off: ${penaltyWaivedOff}`;
            deductionsFromPenaltyOutput.textContent = `Deductions from Penalty: ${deductionsFromPenalty}`;
            waiverAskingOutput.textContent = `Waiver Asking by User (%): ${waiverAsking}`;
        }

        // Listen for input changes and update outputs
        const inputs = [outstandingAmountInput, dueAmountInput, waiverPercentageInput, gstInput, interestInput, askFromUserInput];
        inputs.forEach(input => {
            input.addEventListener('input', updateOutputs);
        });
    </script>
</body>
</html>

Popularity 1/10 Helpfulness 1/10 Language html

Source: chat.openai.com

Tags: html real-time using

Link to this answer
Share Copy Link

Contributed on May 02 2024

Enchanting Elk

0 Answers Avg Quality 2/10

Realtime Calculations Using Js

Contents

More Related Answers

Realtime Calculations Using Js

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.