In this tutorials will teach Employee Salary Calculation System using React JS. include following Condition
- if the employee salary is greater 50000 – include 10%
- if the employee salary is greater 35000 – include 5%
- if the employee salary is below 35000 no tax included
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 | import { useState } from "react"; function EmployeeSalary() { const [salary, setSalary] = useState(); var [tax, setTax] = useState(); var [nsal, setNsal] = useState(); function Calculation() { if(salary > 50000) { tax = salary * 10/100; } else if(salary > 30000) { tax = salary * 5/100; } else { tax = 0; } setTax(tax); nsal = salary - tax; setNsal(nsal); } return ( <div class="container"> <h3>Employee Salary Calculation</h3> <div class="form-group"> <label>Employee Name</label> <input type="text" class="form-control" placeholder="Employee Name" /> </div> <div class="form-group"> <label>Salary</label> <input type="text" class="form-control" placeholder="Enter Salary" onChange={(event) => { setSalary(event.target.value); }} /> </div> <div class="form-group"> <label>Tax</label> <input type="text" class="form-control" placeholder="Tax" value={ tax } /> </div> <div class="form-group"> <label>Net Salary</label> <input type="text" class="form-control" placeholder="Net Salary" value={nsal} /> </div> <button type="submit" onClick={Calculation} class="btn btn-primary mt-4">Submit</button> </div> ); } export default EmployeeSalary; |
i have attached the video link below. which will do this tutorials step by step