Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

JavaScript JavaScript and the DOM (Retiring) Getting a Handle on the DOM Selecting by Id

Robbie Thomas
Robbie Thomas
31,093 Points
Posted by Robbie Thomas
Robbie Thomas
31,093 Points

Selecting by ID: Challenge 1 of 2

Been on this for twenty minutes and still stumped, any help is appreciated.

js/app.js 
let button = document.getElementbyId('sayPhrase');
let input = document.getElementbyId('phraseText');

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>

2 Answers

Adam Beer
Adam Beer
11,314 Points
Adam Beer
Adam Beer
11,314 Points

Please fixed your code. You misspelled. What you wrote.

document.getElementbyId

but the correct code is the 

document.getElementById

That's b with upper case. Hope this help.

Robbie Thomas
Robbie Thomas
31,093 Points
Robbie Thomas
Robbie Thomas
31,093 Points

Forget it, found out the problem. For one thing, that let input shouldn't have that for part 1. And also, I forgot to use a capital B for getElementById in the first line.