为什么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;
}