Getting value from text input using document.getElementByID not working

Question

I'm doing a simple project with javascript and it requires me to get a value out of an HTML text input with javascript. In the following code I've found that nothing after line 6 works and I have no idea why. This has been driving me crazy for like two hours and I'm kind of at my wits end. Please help!

function letsPlayAGame() {
  var answer = Math.floor(Math.random() * 100 + 1);

  var guess = document.getElementByID("theinput").value;

  if (Number.isInteger(guess) == false) {
    document.getElementByID("label").innerHTML =
      "Please enter a number between 1 and 100!";
  } else if (guess < 1 || guess > 100) {
    document.getElementByID("label").innerHTML =
      "Please enter a number between 1 and 100!";
  } else {
    alert("not this part");
  }
}

Also note that JavaScript is case sensitive, getElementById instead of getElementByID — Thum Choon Tat
– Thum Choon Tat, Commented Jul 17, 2018 at 3:24
Yep, that was the problem! Going to go and scream a bit now, thanks! — Runic
– Runic, Commented Jul 17, 2018 at 3:27

Axel · Accepted Answer · 2018-07-17 03:28:04Z

3

It should be:

document.getElementById

instead of

document.getElementByID

as Javascript is case sensitive.

answered Jul 17, 2018 at 3:28

Axel

5,28119 gold badges80 silver badges152 bronze badges

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

Collectives™ on Stack Overflow

Getting value from text input using document.getElementByID not working

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