Question

<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名员工。一个按钮将生成一个报告，该报告将显示在单独的页面上，包括部门的名称。每名雇员的正常薪金和加班工资，摘要部分，部门正常工作时间，部门加班时间，部门经常性工资总额，部门加班工资总额，部门工资总额。清除先前条目和重置内存变量的另一个按钮，我必须使用至少一个函数进行工资计算。我必须使用循环与数组一起进行工资计算。将使用使用document.write语句的动态Web页面创建技术生成报告。

我真正需要的只是一个开始的地方，我不想让别人做我的作业我只需要一个如何从文本框中获取数据，以某种方式将其放入数组中的示例，然后使用document.write显示最终产品。例如，我需要弄清楚如何从标有＆＃34;工作时间的文本框中获取数据＆＃34;并将它们加在一起然后在单独的页面上显示。我觉得如果我能学会如何只做一个盒子的部分，那么我可以将它复制到我的其他盒子组。

Answer 1

JavaScript为我们提供了一些选择器，通过它我们可以获得特定元素及其值如下：
的 1。 Id选择器：我们可以通过它的唯一ID来获取元素例如：document.getElementById('#id')

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

第3。类选择器：通过类我们也可以元素值例如：document.getElementByClass('className')

但在您的情况下，因为您有多个输入字段用于不同目的您可以使用 Id选择器来获取相关的元素值。

示例：

<强> 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
}

Javascript需要从文本框中获取信息并将其用于函数

1 个答案: