unable to fetch input from input field

Question

I am not able to get the input, entered by the user, from the input field; please help me out with this.

I am not able to figure out what is wrong here.

var ftemp = document.getElementById("Farenheit").value;

<td>
  <input type="number" id="Farenheit">
</td>

when entering value in input field in the web page, input value is not being fetched at all.

console.log-ing the variable just shows a blank line .

Add complete code. You need to add the eventListener to your input to get entered value. — random
– random, Commented Jun 24, 2019 at 16:22
You need to provide a minimal reproducible example. Probably you are just reading the value before you type anything into the field, and then never update ftemp again. — Quentin
– Quentin, Commented Jun 24, 2019 at 16:23
FYI in addition to everybody yelling to include more information @SujeetThakur you can use a stack snippet to embed an actual example in your question including a run button and all. — Marie
– Marie, Commented Jun 24, 2019 at 16:24
Probably a duplicate of this and also of this (but the question is missing a minimal reproducible example so I can't be sure) — Quentin
– Quentin, Commented Jun 24, 2019 at 16:25

connexo · Accepted Answer · 2019-06-24 18:25:10Z

1

This line of code

var ftemp = document.getElementById("Farenheit").value;

gets you the current value of that input at the time that line of code gets executed.

It does not update when the user changes the inputs value.

If you want it to do just that, you need to add an event listener to the input element that executes whenever the input event occurs:

var ftemp;
document.getElementById("Farenheit").addEventListener('input', function() {
  ftemp = this.value;
  console.log(ftemp);
})

<input type="number" id="Farenheit">

answered Jun 24, 2019 at 18:25

connexo

57.2k15 gold badges112 silver badges149 bronze badges

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

Comments

Quentin · Accepted Answer · 2019-06-24 16:28:45Z

1

Add an event listener to the input element.

document.querySelector('input').addEventListener('keyup',function() {
    console.log(this.value);
});

<input type="number" id="Farenheit" >

edited Jun 24, 2019 at 16:28

Quentin

949k136 gold badges1.3k silver badges1.4k bronze badges

answered Jun 24, 2019 at 16:26

random

7,9093 gold badges21 silver badges25 bronze badges

1 Comment

Quentin Over a year ago

This is likely a solution to the problem (although the keyup event wouldn't be my first choice), but the question lacks a minimal reproducible example so it is hard to be sure, and if it is then some perfectly good duplicates have been highlighted in the comments already. This answer also lacks anything resembling an explanation for how this solves the problem.

Collectives™ on Stack Overflow

unable to fetch input from input field

2 Answers 2

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related