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

Fabrice Innocent
seal-mask
.a{fill-rule:evenodd;}techdegree
Fabrice Innocent
Full Stack JavaScript Techdegree Student 9,715 Points
Posted by Fabrice Innocent
.a{fill-rule:evenodd;}techdegree
Fabrice Innocent
Full Stack JavaScript Techdegree Student 9,715 Points

Something missing

How is the "link" parameter incorrect in this case? How do I select the "a" link? Wouldn't it be by selecting the "link" ID?..So confused

app.js 
const myElement = document.getElementById('link')
var inputValue = myElement.textContent
index.html 
<!DOCTYPE html>
<html>
    <head>
        <title>DOM Manipulation</title>
    </head>
    <link rel="stylesheet" href="style.css" />
    <body>
        <div id="content">
            <label>Link Name:</label>
            <input type="text" id="linkName">
            <a id="link" href="https://teamtreehouse.com"></a>
        </div>
        <script src="app.js"></script>
    </body>
</html>

3 Answers

KRIS NIKOLAISEN
KRIS NIKOLAISEN
54,971 Points

Your selection for task 2 will work. But your assignment on the following line is backwards. The task wants you to assign inputValue to myElement.textContent - not the other way around. You also need to keep your code from task 1.

Steven Parker
Steven Parker
231,271 Points
Steven Parker
Steven Parker
231,271 Points

You're pretty close, but there's two issues:

  • the instructions ask for "element with the ID linkName", but this code selects the id "link" instead
  • the user's entry in an <input> element is not in the "textContent" but in the "value"

That will get you past task 1. Then when you get to task 2, remember the instructions warning: "Important: In each task of this code challenge, the code you write should be added to the code from the previous task." So you'll leave the task 1 code there and add more to select the other element and assign it using the value you got in task 1.