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

Angelica Islas
Angelica Islas
4,082 Points

Trying, but don't know how to complete the 2nd challenge task.

Next, set the text content of the <a> element with the ID link to the value stored in inputValue.

Bummer: You need to select the 'input' element, and store its value in the variable 'inputValue'.

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

1 Answer

Anna Pichugina
Anna Pichugina
25,264 Points

You're on the right track!

The first line of your code correctly selects the value of input and stores it to the variable inputValue. Your second line of code however is reassigning a different value to the variable inputValue, instead of assigning it's value to the other node. Might help to think of it this way:

  1. From document select the element with the ID "link" (leave out the <a> if you're using .getElementById)
  2. Use the element's textContent method to set the value to what's stored in your inputValue variable from before

If you can't get unstuck, here's the solution:

document.getElementById('link').textContent = inputValue;