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

Wei-Hung Hsieh
Wei-Hung Hsieh
10,073 Points
Posted by Wei-Hung Hsieh
Wei-Hung Hsieh
10,073 Points

I can't figure out the 2nd Challenge

I passed the 1st challenge, but couldn't figure out the 2nd. Here's my code. Please help!

let inputValue = document.querySelector('#linkName'); a.textContent = inputValue;

app.js 
let inputValue = document.querySelector('#linkName').value;
a.textContent = inputValue;
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>
Mike Hatch
Mike Hatch
14,940 Points
Mike Hatch
Mike Hatch
14,940 Points

Were you able to figure it out? Looks like Daniel helped you out below. But I will say this, this was a difficult challenge and perhaps a bit too challenging based on what was previously learned. You were not alone.

Wei-Hung Hsieh
Wei-Hung Hsieh
10,073 Points
Wei-Hung Hsieh
Wei-Hung Hsieh
10,073 Points

Yes, Daniel's solution works for me. Thanks Mike!

1 Answer

Daniel Landon Jr
Daniel Landon Jr
14,733 Points
Daniel Landon Jr
Daniel Landon Jr
14,733 Points

If you are trying to assign the value to the <a> tag you need to reference it in the dom first

let aTagValue = document.querySelector('#link');
aTagValue.textContent = inputValue;

I apologize if you have already done this...however I do not see it in your code example.

Wei-Hung Hsieh
Wei-Hung Hsieh
10,073 Points
Wei-Hung Hsieh
Wei-Hung Hsieh
10,073 Points

Thanks Daniel. It works! I didn't realize that I had to reference the anchor element first. Thanks a lot for helping me out!