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

Matt Gaboury
seal-mask
.a{fill-rule:evenodd;}techdegree
Matt Gaboury
Full Stack JavaScript Techdegree Student 1,540 Points
Posted by Matt Gaboury
.a{fill-rule:evenodd;}techdegree
Matt Gaboury
Full Stack JavaScript Techdegree Student 1,540 Points

Linking to the index.html

Am I supposed to link the 'button.addEventListener' to the index.html? I am not sure what they are looking for.

js/app.js 
let button;
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>

2 Answers

Robert Gouveia
PLUS
Robert Gouveia
Courses Plus Student 1,714 Points
Robert Gouveia
Robert Gouveia
Courses Plus Student 1,714 Points

No its asking you to get the button information from the html doc like this:

let button = document.getElementById('sayPhrase');
Katie Wood
Katie Wood
19,141 Points
Katie Wood
Katie Wood
19,141 Points

Hello there,

The challenge is asking you to set the value of the button variable at the top there - specifically, to a button in index.html with the ID of "sayPhrase".

Doing that looks something like this:

let button = document.querySelector('#sayPhrase');

With that in mind, see if you can do the next step - it's very similar. Happy coding!