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 Brandon Lee
Brandon Lee
9,186 Points

Set the text content of the a tag to be the value stored in the variable inputValue.

no idea how to do this. very confused

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

2 Answers

Steve Mustanski
Steve Mustanski
15,093 Points
Steve Mustanski
Steve Mustanski
15,093 Points

You are pretty close. You have the value of the link name in the inputValue variable and you stored a reference to the "a" tag in the aa variable.

Now you just need to set the textContent of the aa variable to equal the inputValue.

Here is how I did it:

let inputValue = document.getElementById("linkName").value;
let aTag = document.getElementById("link");

aTag.textContent = inputValue;

There are probably a few other ways to do this, but the above will work.

Lee Vaughn
seal-mask
STAFF
.a{fill-rule:evenodd;}techdegree seal-36
Lee Vaughn
Treehouse Teacher
Lee Vaughn
.a{fill-rule:evenodd;}techdegree seal-36
Lee Vaughn
Treehouse Teacher

You're not alone. I found much of this section including the quizzes and challenges to be very confusing. Not that it was difficult, it just wasn't clear.

You are on the right track with creating your variables, you are just missing the final step, which is to modify the a element.

If that hint doesn't help, check out the code snippet below.

If I could make one suggestion, you might want to make your variable names more descriptive. For example, maybe something like "anchor" or "aTag" instead of just "aa".

let inputValue = document.getElementById("linkName").value;
let aa = document.getElementById("link");

aa.innerText = inputValue