Basic Salary Report

amitblog 28 Oct 2024 | 12:08 pm Lab Work

अमित सर के इस ब्‍लॉग में नीचे जो codes बताया गया है, उस HTML Codes को आप Notepad ++ software में टाईप करें और उसे कोई एक नाम देकर सुरक्षित करें। जैसेे- salary.html और उसके बाद उस फाईल को रन कराने के लिए आप उस पर डब्‍ल click करे जिससे आपको एक Basic Salary Report बन कर तैयार हो जाएगा। 

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Salary Report Calculation</title>
<style>
    /* CSS styles go here */
</style>
</head>
<body>

<header>
    <h1>Salary Report Calculation</h1>
</header>

<main>
    <form id="salaryForm">
        <label for="basicSalary">Basic Salary:</label>
        <input type="number" id="basicSalary" name="basicSalary" required><br><br>

        <label for="allowances">Allowances:</label>
        <input type="number" id="allowances" name="allowances" value="0"><br><br>

        <label for="deductions">Deductions:</label>
        <input type="number" id="deductions" name="deductions" value="0"><br><br>

        <button type="button" onclick="calculateSalary()">Calculate</button>
    </form>

    <div id="salaryReport">
        <!-- Salary report will be displayed here -->
    </div>
</main>

<script>
    function calculateSalary() {
        // Get input values
        var basicSalary = parseFloat(document.getElementById('basicSalary').value);
        var allowances = parseFloat(document.getElementById('allowances').value);
        var deductions = parseFloat(document.getElementById('deductions').value);

        // Calculate gross salary
        var grossSalary = basicSalary + allowances;

        // Calculate net salary
        var netSalary = grossSalary - deductions;

        // Display salary report
        var salaryReport = "<h2>Salary Report</h2>";
        salaryReport += "<p><strong>Basic Salary:</strong> $" + basicSalary.toFixed(2) + "</p>";
        salaryReport += "<p><strong>Allowances:</strong> $" + allowances.toFixed(2) + "</p>";
        salaryReport += "<p><strong>Deductions:</strong> $" + deductions.toFixed(2) + "</p>";
        salaryReport += "<p><strong>Gross Salary:</strong> $" + grossSalary.toFixed(2) + "</p>";
        salaryReport += "<p><strong>Net Salary:</strong> $" + netSalary.toFixed(2) + "</p>";

        document.getElementById('salaryReport').innerHTML = salaryReport;
    }
</script>

</body>
</html>

Share

Related Posts