Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

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

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

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;
let input;
var element = document.getElementById("test");
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

Steven Parker
Steven Parker
220,695 Points

You happen to have a good example in your code right now.

Your code above sets a variable named element to contain a reference to an element with the ID of test. I'm not sure why that's there since it doesn't seem to have anything to do with the challenge, but it does happen to serve as a handy example of what you need to do for button.

Nearly there Alexisca hall.

let button = document.getElementById("sayPhrase");

That's all he wanted.

Steven Parker
Steven Parker
220,695 Points

I'd bet that sometime in the last two months the hints were enough to complete the task, and far more helpful to the learning process than an explicit code spoiler.

Give a man a fish and you feed him for a day; teach a man to fish and you feed him for a lifetime. :fishing_pole_and_fish:
    ― Maimonides