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

Jacob Anderson
Jacob Anderson
7,888 Points
Posted by Jacob Anderson
Jacob Anderson
7,888 Points

Keep getting "it looks like task 1 is no longer passing".

Anyone know what I am doing wrong? Everytime I get to the second step it just says that task 1 is no longer passing. I have also tried selecting just the input tag but that doesnt seem it work. Thanks,

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>

1 Answer

Tim Strand
Tim Strand
22,458 Points
Tim Strand
Tim Strand
22,458 Points

The error is misleading. Double check your syntax for declaring the input variable. It looks like the syntax is off compared to the same command for declaring button.