Question

Create a web page that uses JavaScript to print a payroll report for a company that has a few employees, all earning the same hourly wage: $15 per hour for up to 40 hours per week. If the employee worked more than 40 hours, the hours in excess of 40 are paid at one and a half times this rate.

Answer 1

1. let employee1 = {
2. Name : "Kate",
3. Hour : 38,
4. };
6. let employee2 = {
7. Name : "John",
8. Hour : 45,
9. };
11. let employee3 = {
12. Name : "Catherine",
13. Hour : 40,
14. };
16. let employeeArr = [employee1, employee2, employee3];
18. let payrollRef = document.getElementById("payroll");
20. let output = "";
22. for(let i = 0; i < employeeArr.length; i++){
23. let h = employeeArr[i].Hour;
24. let pay;
26. if(h <=40){
27. pay = h * 15;
28. }else{
29. pay = 40 * 15;
30. pay += (h - 40) * 15 * 1.5;
31. }
33. output += "Employee Name: " + employeeArr[i].Name + "<br>";
34. output += "Total working hour: " + employeeArr[i].Hour + "<br>";
35. output += "Total pay: $" + pay + "<br>";
36. output += "<hr>"
37. }
39. payrollRef.innerHTML = output;

Step-by-step explanation:

Presume there is a div element with id "payroll" in a html file. We can write a JavaScript to create a payroll report and place the output to the div.

In JavaScript, let's presume there are only three employees and their names and total working hour are recorded in three objects (Line 1 - 14). Next, we put those employee objects into an array, employeeArr (Line 16).

Next, create a for loop to traverse through each object from employeeArr and calculate the pay based on their working hour (Line 22 - 31).

Next, generate the output string which includes employee name, working hour and total pay (Line 33 -36).

At last, set the output string as the contents payroll (Line 39).