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 Making Changes to the DOM Modifying Elements

Vaughn Pole
Vaughn Pole
1,967 Points
Posted by Vaughn Pole
Vaughn Pole
1,967 Points

I am not understanding what I am to do for part two of the question, I keep failing. Any help?

It didn't help.

app.js 
const inputValue = document.querySelector('input').value
inputValue = document.querySelector('p')
index.html 
<!DOCTYPE html>
<html>
    <head>
      <title>DOM Manipulation</title>
    </head>
    <link rel="stylesheet" href="style.css" />
    <body>
      <div id="content">
        <label for="linkText">Link Text:</label>
        <input type="text" id="linkText" value="sample text">
        <p class="info"></p>
      </div>
    <script src="app.js"></script>
  </body>
</html>

1 Answer

Steven Parker
Steven Parker
230,995 Points
Steven Parker
Steven Parker
230,995 Points

First off, once you've declared something as const you're not allowed to assign it again! But you don't need to in this case, because in task 2 you will only access the value you already assigned to it in task 1.

The instructions say "set the text content of the <p> element…", and since you will be setting it, both the selection of the element and the accessing of the textContent will go on the left side of the assignment.

Finally, since there's only one paragraph on the page, you can get away with using "p" as the selector, but to be technically precise "the <p> element with the class info" would be selected with "p.info".