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

Posted by Irene Tomaini
Irene Tomaini
6,745 Points

Why the second part of the exercise doesn't work in this way?

let inputValue = document.getElementById('linkName').value; inputValue = document.getElementsByTagName('a').textContent;

app.js 
let inputValue = document.getElementById('linkName').value;
inputValue = document.getElementsByTagName('a').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>

1 Answer

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

It looks like your second assignment is reversed.

Remember the term on the right side (:point_right:) of the equal sign is where the value is coming from, and the term on the left side (:point_left:) of the equal sign is where you want to put that value.

Also remember that getElementsByTagName returns a collection, so to get to the properties of a single element of that collection you would have to select it using an index first. You could also use a different function that returns just a single elemlent if you prefer. And remember, that a element also happens to have a unique id of link that might be handy.