Javascript/HTML. The code below is my current code. It is suppose to calculate a
ID: 3770689 • Letter: J
Question
Javascript/HTML. The code below is my current code. It is suppose to calculate an employee's net pay, prompt for the hourly pay rate, number of hours worked in a week and number of dependents claimed. If the employee works more than 45 hours in a week then overtime is calculated at 1.5 times the regular hourly rate. Taxes are then deducted from the gross pay as follows: no dependents-tax rate is 25%, 1 to 3 dependents-tax rate is 20%, 4 to 6 dependents-tax rate is 10% and more than 6 dependents tax rate is 5%. Then it is suppose to display the total amount the employee earned. I started the functions but I'm not sure how to make all these into a function. Any help would be appreciated. Thank you in advance.
<!DOCTYPE html>
<html lang="en">
<head> <!-- open of head -->
<meta charset="utf-8">
<title> Mikayla's Employee Net Pay </title>
<link rel="shortcut icon" href="me.jpg">
<link rel="stylesheet" href="style.css"> <!-- connects to style sheet -->
</head>
<body> <!-- beginning of the body section -->
<header>
<h1> Mikayla's Employee Net<br>Pay </h1>
</header>
<div id= "main">
<div id= "p">
<p>
This page will prompt Mikayla to calculate an employee's
net pay.<br>Mikayla will be prompted for:
<br>
<ul>
<li>
Employee's hourly rate of pay;
</li>
<li>
Number of hours worked that week;
</li>
<li>
Number of dependents employee has.
</li>
</ul>
<br><br>
</p>
</div>
</div> <!-- end of div "main" -->
<script type="text/javascript">
function getNetPay()
{
var hoursWorked = document.getElementById("mHoursWorked").value;
var rate = document.getElementById("mRate").value;
var dependents = document.getElementById("mDependents").value;
if ()
{
}
function getInfo()
{
var rate = prompt("Enter employee's hourly rate: $");
document.getElementById("mRate").innerHTML = rate;
document.getElementById("mRate").value = rate;
var hoursWorked = prompt("Enter number of hours worked this week");
document.getElementById("mHoursWorked").innerHTML = hoursWorked;
document.getElementById("mHoursWorked").value = hoursWorked;
var dependents = prompt("Enter number of dependents");
document.getElementById("mDependents").innerHTML = dependents;
documents.getElementById("mDependents").value = dependents;
getNetPay();
}
</script>
<h2>
Click on the button below to enter Mikayla's employee pay information.
</h2>
<div id="container1">
<p> <input type="button" value="Enter Mikayla's employee net pay"
onclick="getInfo();"></p>
<p> Employee's hourly rate: $<span id="mRate"> </span> </p>
<p> Number of hours worked this week: <span id="mHoursWorked"> </span> </p>
<p> Number of dependents: <span id="mDependents"> </span> </p>
<p> This Employee earned: <span id="total"> </span> </p>
<p id="newText"><br>
</div>
</body>
</html>
Explanation / Answer
Hope following code will helps you:
<!DOCTYPE html>
<html lang="en">
<head> <!-- open of head -->
<meta charset="utf-8">
<title> Mikayla's Employee Net Pay </title>
<link rel="shortcut icon" href="me.jpg">
<link rel="stylesheet" href="style.css"> <!-- connects to style sheet -->
<script type="text/javascript">
function getNetPay()
{
var ot=0, tax=0, gross;
var hoursWorked = document.getElementById("mHoursWorked").innerHTML;
var rate = document.getElementById("mRate").innerHTML;
var dependents = document.getElementById("mDependents").innerHTML;
if(hoursWorked > 45)
{
ot = 1.5 * rate;
}
else
{
ot = 0;
}
gross = (hoursWorked * rate) + ot;
if(dependents >=1 && dependents <=3)
{
tax = ((20/100) * gross);
}
else if(dependents >=4 && dependents <=6)
{
tax = ((10/100) * gross);
}
else if(dependents >=6)
{
tax = ((5/100) * gross);
}
else
{
tax = ((25/100) * gross);
}
gross = gross - tax;
document.getElementById("total").innerHTML = gross;
}
function getInfo()
{
var rate = prompt("Enter employee's hourly rate: $");
document.getElementById("mRate").innerHTML = rate;
var hoursWorked = prompt("Enter number of hours worked this week");
document.getElementById("mHoursWorked").innerHTML = hoursWorked;
var dependents = prompt("Enter number of dependents");
document.getElementById("mDependents").innerHTML = dependents;
getNetPay();
}
</script>
</head>
<body> <!-- beginning of the body section -->
<header>
<h1> Mikayla's Employee Net<br>Pay </h1>
</header>
<div id= "main">
<div id= "p">
<p>
This page will prompt Mikayla to calculate an employee's
net pay.<br>Mikayla will be prompted for:
<br>
<ul>
<li>
Employee's hourly rate of pay;
</li>
<li>
Number of hours worked that week;
</li>
<li>
Number of dependents employee has.
</li>
</ul>
<br><br>
</p>
</div>
</div> <!-- end of div "main" -->
<h2>
Click on the button below to enter Mikayla's employee pay information.
</h2>
<div id="container1">
<p> <input type="button" value="Enter Mikayla's employee net pay"
></p>
<p> Employee's hourly rate: $<span id="mRate"> </span> </p>
<p> Number of hours worked this week: <span id="mHoursWorked"> </span> </p>
<p> Number of dependents: <span id="mDependents"> </span> </p>
<p> This Employee earned: $<span id="total"> </span> </p>
<p id="newText"><br>
</div>
</body>
</html>
Related Questions
drjack9650@gmail.com
Navigate
Integrity-first tutoring: explanations and feedback only — we do not complete graded work. Learn more.