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

Johannes Deutsch
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Johannes Deutsch
Full Stack JavaScript Techdegree Graduate 19,687 Points

Hello! I'm not getting it right. Do you know what is wrong with my code? Thank you!

I select the <a> element with "getElementById" and then set the textContent equal to the value stored in the variable. I don't know why it's not correct.

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

The challenge is asking you to set the value of the input element to the textContent of element <a>.

Like this:

var inputValue = document.getElementById('linkName').value;
document.getElementById('link').textContent = inputValue;

Whatever the value of the input will be, it's going to be set on the textContent of element <a>.