javascript - 为什么 JavaScript 找不到我的输入文本？

Question

我正在编写一个番茄钟 ( http://pomodorotechnique.com/ ) 风格的计时器，我试图找出为什么我的代码不起作用。我试图从输入中获取文本，但我的代码不断返回到我的默认设置。

我的 JavaScript

function task() {
  taskReminderText = document.getElementById("form.taskReminder").value;
  timeInput = document.getElementById("form.timerLenght").value;
}

我的html

<form id="form" onsubmit="checkForm()">
Task Reminder: <input id="taskReminder" type="text" name="taskReminder"><br>
Timer Length is <input id="timerLength" placeholder="20" type="text" name="timerLength"> minutes.<br>
<input type="submit" value="Submit" onsubmit="task()">
</form>

Answer 1

使用 document.getElementById()时，您只需要提供id值即可:

function task() {
    taskReminderText = document.getElementById("taskReminder").value;
    timeInput = document.getElementById("timerLenght").value;
}