JavaScript JavaScript and the DOM Getting a Handle on the DOM Selecting by Id

what is wrong with this code???!

There is a variable named button in app.js. Set its value to contain a reference to the button element in index.html with the ID of sayPhrase.

js/app.js
let Button = document.getElementbyId("sayPhrase")
let input;

Button.addEventListener('click', () => {
  alert(input.value);
});
index.html
<!DOCTYPE html>
<html>
  <head>
    <title>Phrase Sayer</title>
  </head>
  <body>
    <p><input type="text" id="phraseText"></p>
    <p><button id="sayPhrase">Say Phrase</button></p>
    <script src="js/app.js"></script>
  </body>
</html>

3 Answers

KRIS NIKOLAISEN
PRO
KRIS NIKOLAISEN
Pro Student 49,924 Points

The code should be:

let button = document.getElementById("sayPhrase")

The first b (in button) is lowercase and the second b (in getElementById) is uppercase

KRIS NIKOLAISEN
PRO
KRIS NIKOLAISEN
Pro Student 49,924 Points

Switch the case of the 2 B's in

let Button = document.getElementbyId("sayPhrase")

and you are good.

I'm sorry but i didn't understand what you mean!

Done , thanks a lot dude