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.

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 90,705 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. :-)

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 90,705 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

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