Why is my input text not being found by javascript?

Question

I am writing a Pomodoro (http://pomodorotechnique.com/) style timer and I am trying to figure out why my code isn't working. I am trying to get text from the input but my code keeps going back to my default settings.

my javascript

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

my 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>

Felix · Accepted Answer · 2014-04-22 16:17:16Z

2

You just need to provide the id value when using document.getElementById():

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

answered Apr 22, 2014 at 16:17

Felix

38.2k8 gold badges45 silver badges56 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Why is my input text not being found by javascript?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related