Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

JavaScript JavaScript and the DOM (Retiring) Making Changes to the DOM Modifying Elements

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

let inputValue = document.getElementById('linkName').value;
let aa = document.getElementById('link');
<!DOCTYPE html>
        <title>DOM Manipulation</title>
    <link rel="stylesheet" href="style.css" />
        <div id="content">
            <label>Link Name:</label>
            <input type="text" id="linkName">
            <a id="link" href="https://teamtreehouse.com"></a>
        <script src="app.js"></script>

2 Answers

Steve Mustanski
Steve Mustanski
15,081 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
.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