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

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
231,269 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
231,269 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