JavaScript需要从文本框中获取信息并将其用于功能

<html>
<head>
    <title>Tax Calculator</title>
    <!-- Name: Jacob Zoppina-->
    <!--Section: 25-->
    <!--TA: Fang Wang-->
    <meta charset="UTF-8">
</head>
<body>
    <h1>Payroll Processing</h1>
    <h2>Report Generator</h2>
    <hr>
    <style>
        h1 {
            text-align: center; background-color: black; color: darkgreen;
        }
        h2 {
            text-align: center; background-color: lightgreen; color: black;
        }
        body {
            background: lightyellow
        }
    </style>
    <p> Department: <input name="department" type="text" id="dpt" value=""/></p>
    <hr>
    <p>Employee 1: <input name="empId" type="text" id="initials1" value=""/>
        <input name="hoursWorked" type="text" id="work1" value=""/>
        <input name="hourlySalary" type="text" id="salary1" value=""/>
    </p>
    <p>Employee 2: <input name="empId" type="text" id="initials2" value=""/>
        <input name="hoursWorked" type="text" id="work2" value=""/>
        <input name="hourlySalary" type="text" id="salary2" value=""/>
    </p>
    <p>Employee 3: <input name="empId" type="text" id="initials3" value=""/>
        <input name="hoursWorked" type="text" id="work3" value=""/>
        <input name="hourlySalary" type="text" id="salary3" value=""/>
    </p>
    <hr>
    <p><input type="button" value="Process" onclick="myFunction()"/>
        <input type="button" value="Clear" onclick="clears();"/>
    </p>
    <script>
    function departmentName() {document.getElementById("dpt")
                               document.write("Department Name:"+departmentName)
                              }
    function totalHours (var wrk1, wrk2, wrk3;) {}
    </script>
</body>

`我是一个绝对的JavaScript初学者，我只是为大学课程做。我在最后的JavaScript作业中挣扎，但我无法弄清楚。我不是要有人为我做作业，我只需要在某个地方开始。您将使用文本框获取该部门的姓名。我必须使用文本框来获取员工ID他/她的缩写(，在一周内工作时间和小时工资。每个部门最多可能有3名员工。A按钮将生成一个报告，该报告将在单独的页面上显示，包括该部门的名称。每位员工的定期工资和加班费，一个摘要部分，部门正常小时，部门加班时间，部门的总薪水，部门总薪金总薪金，部门总薪金。另一个可以清除先前条目和重置内存变量的按钮，我必须至少使用一个功能来计算薪金。我必须将循环与阵列结合使用，以进行薪金计算。该报告将使用动态网页创建技术使用document.rite语句制作。

我真正需要的只是一个开始的地方，我不希望有人做我的作业，我只需要一个示例，说明如何从文本框中获取数据，以某种方式将其放在数组中，然后使用文档.WRITE显示最终产品。例如，我需要弄清楚如何从标记为"工作时间"的文本框中获取数据，并将它们加在一起，然后在单独的页面上显示自己。我觉得如果我可以学习如何仅做盒子的一个部分，那么我可以将其复制到我的其他盒子中。

javascript为我们提供了一些选择器，我们可以通过这些选择来获得尖端元素，其值下面是：
1。ID选择器：我们可以通过其唯一ID获取元素。
例如：document.getElementById('#id')

2。元素名称选择器：通过实际元素，我们可以获取数据。例如：document.getElementByName('nameOfElement')

3。类选择器： by the Class也可以元素值例如：document.getElementByClass('className')

但是，在您的情况下，由于您有几个用于不同目的的输入字段您可以使用 ID Selector 获取perticular元素值。

示例：

html：

<form name="userForm">
   <input type='text' id="name">
   <input type='password' id="password">
   <button type='submit' onClick="submit()">Submit</button>
</form>

JavaScript：

function submit(){
 var userName=document.getElementById('name').value();
 var password=document.getElementById('password').value();
 // now you can make your micro-service call
}

相关内容

最新更新

热门标签：