Fatal编程技术网
  • javascript/
  • 无法将我的javascript数据填充到HTML

无法将我的javascript数据填充到HTML

javascript jquery html

无法将我的javascript数据填充到HTML,javascript,jquery,html,Javascript,Jquery,Html,嗨，我无法将我的javascript文件连接到html。我尝试过对所有内容进行编码，但现在无法看到HTML中的更改。我在这里试图计算员工的税率，他们的加班加点是免税的 提前谢谢。请帮忙 我的html代码是 <!doctype html> <html> <head> <script language="JavaScript" src="employees.js"></script> <link rel="

嗨，我无法将我的javascript文件连接到html。我尝试过对所有内容进行编码，但现在无法看到HTML中的更改。我在这里试图计算员工的税率，他们的加班加点是免税的

提前谢谢。请帮忙

我的html代码是

    <!doctype html>
  <html>
<head>
    <script language="JavaScript" src="employees.js"></script>
    <link rel="stylesheet" type="text/css" href="employees.css" />
    <title>Pay Form</title>
</head>
<body>
    <section id="content">
        <h1>
            Employee Payroll Entry Form
        </h1>
        <div id="payForm">
            <p>
                <label for="fullName">Full Name:</label><input type="text" autofocus id="fullName" />
            </p>
            <p>
                <label for="hoursWorked">Hours Worked:</label><input type="text" id="hoursWorked" />
            </p>
            <p>
                <label for="hourlyRate">Hourly Rate:</label><input type="text" id="hourlyRate" />
            </p>
            <footer>
                <button id="calculateButton" onclick="calculate()">Calculate</button>
            </footer>
        </div>
        <h1>
            Employee Payroll Summary Report
        </h1>

        <table id = "employees">
            <tr>
                <th>Employee Name</th>
                <th>Gross Pay</th>
                <th>Tax</th>
                <th>Net Pay</th>
            </tr>
        </table>
    </section>
</body>


工资表
员工工资单录入表

全名：



工作时间：



小时费率：


算计
员工工资汇总报告
员工姓名
工资总额
税
净工资

我的javascript是

    var fname = document.getElementById("fullName");
    var hours = document.getElementById("hoursWorked");
    var rate = document.getElementById("hourlyRate");
    var table = document.getElementById("employees");
    var gross;
    var net;
    var tax;
    var overtime;

    function grosspay() {
if (hours > 0 && hours < 40) {
    gross = hours * rate;
} else if (hours < 40) {
    overtime = hours - 40;
    gross = (40 * rate) + (overtime * (rate * 1.5));
}
    }
    function taxPay() {
if (gross < 250) {
    tax = gross * 0.25;
} else if (gross >= 250 && gross < 500) {
    tax = gross * 0.30;
} else if (gross >= 500 && gross < 750) {
    tax = gross * 0.40;
} else if (gross > 750) {
    tax = gross * 0.50;
}
    }
    function netPay() {
net = gross - tax;
    }

    function calculate() {
if (hours > 0) 
{
    var row = table.insertRow();
    var fnamecell = row.insertCell(0);
    var grossPaycell = row.insertCell(1);
    var taxCell = row.insertCell(2);
    var netPayCell = row.insertCell(3);

    grosspay();
    taxPay();
    netPay(); 


    fnamecell.innerHTML = fname;
    grossPaycell.innerHTML = grosspay;
    taxCell.innerHTML = tax;
    netPayCell.innerHTML = net;       
}
    }
     function load() {
var calculateButton = document.getElementById("calculateButtom");
calculateButton.addEventListener("click", calculate);
    }

var fname=document.getElementById（“全名”）；
var hours=document.getElementById（“工作小时”）；
var率=document.getElementById（“hourlyRate”）；
var table=document.getElementById（“员工”）；
总风险价值；
净风险值；
风险价值税；
var超时；
函数grosspay（）{
如果（小时数>0和小时数<40）{
总小时数=小时数*费率；
}否则，如果（小时<40）{
加班=小时-40；
总额=（40*费率）+（加班费*（费率*1.5））；
}
}
功能taxPay（）{
如果（总量<250）{
税款=总额*0.25；
}否则，如果（总量>=250和总量<500）{
税款=总额*0.30；
}否则，如果（总量>=500和总量<750）{
税款=总额*0.40；
}否则，如果（总量>750）{
税款=总额*0.50；
}
}
功能netPay（）{
净额=总税额；
}
函数计算（）{
如果（小时数>0）
{
var row=table.insertRow（）；
var fnamecell=row.insertCell（0）；
var grossPaycell=行插入单元格（1）；
var-taxCell=row.insertCell（2）；
var netPayCell=row.insertCell（3）；
grosspay（）；
缴税（）；
网络支付（）；
fnamecell.innerHTML=fname；
grossPaycell.innerHTML=grosspay；
taxCell.innerHTML=税；
netPayCell.innerHTML=net；
}
}
函数加载（）{
var calculateButton=document.getElementById（“calculateButtom”）；
calculateButton.addEventListener（“单击”，计算）；
}
您得到的是“小时”之类的元素，但不是它的值

请尝试以下计算函数，如果仍然有问题，请发布调试器输出，以便其他人可以帮助您

function calculate() {
    var hoursValue = hours.value;
    console.log("Hours are : " + hoursValue );

    if (hoursValue > 0) 
    {
        var row = table.insertRow();
        var fnamecell = row.insertCell(0);
        var grossPaycell = row.insertCell(1);
        var taxCell = row.insertCell(2);
        var netPayCell = row.insertCell(3);

        grosspay();
        taxPay();
        netPay(); 


        fnamecell.innerHTML = fname;
        grossPaycell.innerHTML = grosspay;
        taxCell.innerHTML = tax;
        netPayCell.innerHTML = net;       
    }
}
您可以获取元素，但不能获取其值

获取输入字段的值，如：

var hours = document.getElementById("hoursWorked").value;
var rate = document.getElementById("hourlyRate").value;
并将脚本标记移动到页面底部的body标记内

您使用的是像firebug这样的javascript调试器吗？