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 Adam Fields
Adam Fields
4,487 Points

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

I thought I was supposed to set the text content of the a tag but I think im lost

app.js 
let inputValue=document.querySelectorAll('a').value;
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

Jonathan Grieve
MOD
Jonathan Grieve
Treehouse Moderator 91,252 Points
Jonathan Grieve
Jonathan Grieve
Treehouse Moderator 91,252 Points

You're trying to select the wrong element. You want to target a specific text box. Use the same Syntax but the method that gets an element with a specific ID. :-)

Adam Fields
Adam Fields
4,487 Points

I guess I dont understand the question because it says to set the text content of the a tag to be the value stored in the inputValue. What I dont get is there is no text content with the a tag but there is an Id to it. What am I missing

Jonathan Grieve
Jonathan Grieve
Treehouse Moderator 91,252 Points
Jonathan Grieve
Jonathan Grieve
Treehouse Moderator 91,252 Points

Okay. At this point, I'm going to assume you're completely new to DOM Scripting. To that end, let's look at Task 1 of the code challenge.

It says "Store the value of the input element with the id linkName in the variable inputValue." So there's there's an anchor element (a link) and an input form. And you want to select the input element where you'd get the value.

To do this there's a method that you'll need to use that's called on the Document object. But how do you know which one to use.

At this point, you can either

  • Watch the video again
  • Search the documentation via Google to find it.

For the second option try searching something like "DOM get an element by its id" Which will return a number of helpful links. The best one to check for is probably the MDN documentation.

https://developer.mozilla.org/en-US/docs/Web/API/Document/getElementById

So now we can see we can use getElementById to target the input element. We know the id we want is linkName so we use. Then you 

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

Good luck with the rest of the challenge. But remember it's okay if you get stuck and to look for the answers when you need to in the documentation or elsewhere online. It's not cheating! :-)

Daven Hietala
Daven Hietala
8,040 Points
Daven Hietala
Daven Hietala
8,040 Points

Thank you Jonathan, I forgot the .value part for some reason.