javascript - 如何使用 JQuery 减去文本框中的值？

Question

我制作了一个 html 页面，员工可以使用文本框输入他们的上类和下类时间，旁边有一行显示员工是否工作了一整天(下类时间 - 上类时间 >= 8 小时)或者如果半天等等。

我不知道如何获得工作时数。我试过了，但没用

function myFunction() {
  var inTime = parseInt($("#in-time").val());
  var outTime = parseInt($("#out-time").val());
  var workHours = outTime - inTime;

  if (workHours => 8) {
    $("#value").text('Full Day')
  } else if workHours < 8) {
    $("#value").text('Half Day')
  } else {
    $("#value").text('error')
  }
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<table>
  <tr>
    <th class="table-custom2">Employee Name</th>
    <th class="table-custom2">In Time</th>
    <th class="table-custom2">Out Time</th>
    <th class="table-custom2">Unnamed</th>
  </tr>

  <tr>
    <td class="table-custom2">Test User</td>
    <td class="table-custom3"><input type="text" id="in-time" class="input-xsmall"></td>
    <td class="table-custom3"><input type="text" id="out-time" class="input-xsmall" onkeyup="myFunction()"></td>
    <td class="table-custom3"><span id="value"></span></td>
  </tr>
</table>

Answer 1

您在=>中有拼写错误，应该是>=并且在else if之后缺少(:

if (workHours >= 8) {
  $("#value").text('Full Day')
} else if (workHours < 8) {

function myFunction() {
  var inTime = parseInt($("#in-time").val());
  var outTime = parseInt($("#out-time").val());
  var workHours = outTime - inTime;

  if (workHours >= 8) {
    $("#value").text('Full Day')
  } else if (workHours < 8) {
    $("#value").text('Half Day');
  } else {
    $("#value").text('error');
  }
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

<table>
  <tr>
    <th class="table-custom2">Employee Name</th>
    <th class="table-custom2">In Time</th>
    <th class="table-custom2">Out Time</th>
    <th class="table-custom2">Unnamed</th>
  </tr>

  <tr>
    <td class="table-custom2">Test User</td>
    <td class="table-custom3"><input type="text" id="in-time" class="input-xsmall"></td>
    <td class="table-custom3"><input type="text" id="out-time" class="input-xsmall" onkeyup="myFunction()"></td>
    <td class="table-custom3"><span id="value"></span></td>
  </tr>

</table>