Fatal编程技术网
  • javascript/
  • Javascript 如何使用document.write（）创建一个动态网页，因此当您单击一个按钮时，它会显示一个与本视频类似的结果页

Javascript 如何使用document.write（）创建一个动态网页，因此当您单击一个按钮时，它会显示一个与本视频类似的结果页

javascript html

Javascript 如何使用document.write（）创建一个动态网页，因此当您单击一个按钮时，它会显示一个与本视频类似的结果页,javascript,html,Javascript,Html,这就是我到目前为止所做的： 我试图让进程按钮从文本框中获取输入，并返回一个结果与视频中类似的页面。谢谢 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Payroll Processing Program</title> <!--Jason Kim Section 17 --> <style>

这就是我到目前为止所做的： 我试图让进程按钮从文本框中获取输入，并返回一个结果与视频中类似的页面。谢谢

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Payroll Processing Program</title> <!--Jason Kim Section 17 -->
    <style>
        body{background-color:lightgray}
        h1{text-align: center; color: lightblue; background-color: white}
        h2{text-align: center; color: lightblue; background-color: white}

    </style>
</head>
<body>
    <h1>Payroll Processing</h1>
    <h2>Report Generator</h2>
    <hr>
    <script>
    var Department, Salary;
    var ID1, HrWorked1, HrlySal1;
    var ID2, HrWorked2, HrlySal2;
    var ID3, HrWorked3, HrlySal3;

    function Processing(Sal){
    document.write(Department);
    if (HrWorked1 <= 40){
        Sal=HrWorked1 * HrlySal1;
        }
    else {Sal=HrWorked1 * (HrlySal1 * 1.5);
    }
        return Sal;
    document.write("Department Overtime Salaries:" Sal);
    }
    </script>

    <form name="PayrollProcessing">
    Department: <input type="text" id="deptName" value="" size="10" onchange="Department=deptName.value"/>
    <hr>
    <pre>       ID        Hours Worked  Hourly Salary</pre>
    Employee 1: <input type="text" id="EmpID1" value="" size="10" onchange="ID1=EmpID1.value"/>
    <input type="text" id="HrWorked1" value="" size="10" onchange="Hr1=HrWorked1.value"/>
    <input type="text" id="HrlySal1" value="" size="10" onchange="Sal1=HrlySal1.value"/>
    <br>
    Employee 2: <input type="text" id="EmpID2" value="" size="10" onchange="ID2=EmpID2.value"/>
    <input type="text" id="HrWorked2" value="" size="10" onchange="Hr2=HrWorked2.value"/>
    <input type="text" id="HrlySal2" value="" size="10" onchange="Sal2=HrlySal2.value"/>
    <br>
    Employee 3: <input type="text" id="EmpID3" value="" size="10" onchange="ID3=EmpID3.value"/>
    <input type="text" id="HrWorked3" value="" size="10" onchange="Hr3=HrWorked3.value"/>
    <input type="text" id="HrlySal3" value="" size="10" onchange="Sal3=HrlySal3.value"/>
    <hr>

    <button onclick="Processing(Salary)">Process</button>
    <button onclick="formClear()">Clear</button>

</body>
</html>


工资单处理程序
正文{背景色：浅灰色}
h1{文本对齐：居中；颜色：浅蓝色；背景色：白色}
h2{文本对齐：居中；颜色：浅蓝色；背景色：白色}
工资单处理
报表生成器


var部门，工资；
变量ID1、HrWorked1、HrlySal1；
变量ID2、HrWorked2、HrlySal2；
变量ID3、HrWorked3、HrlySal3；
函数处理（Sal）{
文件编写（部门）；
如果代码中存在（HrWorked1）问题

  • 您缺少
    文档的
    +
    。写入（“部门加班工资：”Sal）；
    您需要将其更改为
    文档。写入（“部门加班工资：+Sal）；
    • 

  • 我认为在
    Procesing（）
    • 

  • 您有
    文档。在
    返回后写入（“部门加班工资：+Sal”）；
    返回后的代码将不会被生成。您只需删除
    返回Sal；
    • 

  • Processing（）
    中使用了错误的变量名。您为
    onchange
    声明了
    Hr1=HrWorked1.value
    ，但在
    Processing（）
    中使用了
    HrWorked1
    。您应该改用
    Hr1
    • 
在这些修复之后，您应该能够在函数中使用输入。您所需要的只是使用HTML标记数据。
    
使用上述修复的示例工作代码


    
工资单处理程序
正文{背景色：浅灰色}
h1{文本对齐：居中；颜色：浅蓝色；背景色：白色}
h2{文本对齐：居中；颜色：浅蓝色；背景色：白色}
工资单处理
报表生成器

    
var部门，工资；
变量ID1、HrWorked1、HrlySal1；
变量ID2、HrWorked2、HrlySal2；
变量ID3、HrWorked3、HrlySal3；
函数处理（）{
文件。编写（“部门：“+部门+”）；

    if（HrWorked1）不使用document.write。使用document.querySelector all或document.querySelector选择一个元素，然后使用DOM元素的innerHTML属性。