using input field in if else statement javascript

Question

So I'm trying to take an element submitted into an input field and return a result using if else statements but it keeps returning my "else" statement no matter what. I used a w3schools project to begin with, but I can't seem to see what is going wrong.

The user will put a number is the "numSpots" input field and depending on the value of the number, an adaSpots value will get returned in the paragraph id="demo"

Here is my code

function myFunction() {
  var numSpots = document.getElementById("numSpots");
  var adaSpots;
  if (numSpots < 25) {
    adaSpots = "1";
  } else {
    adaSpots = "267";
  }
  document.getElementById("demo").innerHTML = adaSpots;
}

<p>Click the button to display a time-based greeting:</p>
<input type="number" name="numSpots" id="numSpots" />
<button onclick="myFunction()">Try it</button>
<p id="demo"></p>

you are getting element ..you need to get its value

Akshay
– Akshay

2016-04-15 12:24:31 +00:00
Commented Apr 15, 2016 at 12:24 — Akshay
– Akshay, Commented Apr 15, 2016 at 12:24

Mr. Polywhirl · Accepted Answer · 2016-04-15 12:27:13Z

1

you need to get the value of #numbSpots by document.getElementById("numSpots").value

function myFunction() {
  var numSpots = document.getElementById("numSpots").value;
  var adaSpots;
  if (numSpots < 25) {
    adaSpots = "1";
  } else {
    adaSpots = "267";
  }
  document.getElementById("demo").innerHTML = adaSpots;
}

<p>Click the button to display a time-based greeting:</p>
<input type="number" name="numSpots" id="numSpots" />
<button onclick="myFunction()">Try it</button>
<p id="demo"></p>

edited Apr 15, 2016 at 12:27

Mr. Polywhirl

49.1k12 gold badges96 silver badges147 bronze badges

answered Apr 15, 2016 at 12:24

elreeda

4,6072 gold badges22 silver badges45 bronze badges

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

2 Comments

user3557489 Over a year ago

Thanks so much!! I can't believe I forgot the .value

elreeda Over a year ago

glad to help, feel free to check the green check button :)

itzmukeshy7 · Accepted Answer · 2016-04-15 12:25:01Z

0

Try this ;)

You need to use parseInt function to convert string into integer value as text field value is returned as string; and you forgot to get the value using value property;

function myFunction() {
  var numSpots = document.getElementById("numSpots").value;
  var adaSpots;
  if (parseInt(numSpots) < 25) {
    adaSpots = "1";
  } else {
    adaSpots = "267";
  }
  document.getElementById("demo").innerHTML = adaSpots;
}

answered Apr 15, 2016 at 12:25

itzmukeshy7

2,6781 gold badge24 silver badges30 bronze badges

Collectives™ on Stack Overflow

using input field in if else statement javascript

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related