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

Johannes Deutsch
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Johannes Deutsch
Full Stack JavaScript Techdegree Graduate 18,257 Points
Posted by Johannes Deutsch
.a{fill-rule:evenodd;}techdegree seal-36
Johannes Deutsch
Full Stack JavaScript Techdegree Graduate 18,257 Points

Hi, I don't know what's wrong with my variable when I type in the following

var inputValue = document.getElementById('linkName');

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

3 Answers

Cameron Childres
Cameron Childres
11,817 Points
Cameron Childres
Cameron Childres
11,817 Points

Hi Johannes,

You've selected the element correctly, but the challenge asks you to go one step further:

Select the <input> element with the ID linkName and store its value in the variable inputValue.

The wording can be a little confusing -- they're not asking for the element itself, but instead they want the text that has been input to the field. For a refresher you can check out the linked video starting at 3:30. The teacher's notes for the video also have a useful snippet under the heading "Accessing the value of an input element".

I hope this helps! Let me know if you run in to any trouble.

Eugine Chiunya
Eugine Chiunya
4,604 Points

Hi Cameron, I'm facing the same issue please assist. I have tried using your clue but I can't solve it

Johannes Deutsch
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Johannes Deutsch
Full Stack JavaScript Techdegree Graduate 18,257 Points
Johannes Deutsch
.a{fill-rule:evenodd;}techdegree seal-36
Johannes Deutsch
Full Stack JavaScript Techdegree Graduate 18,257 Points

Hi Cameron,

thanks so much for your help, it worked now after some trials and errors. The second one is also quite tricky and I spent already a lot of time on it, but I'll keep trying!

Johannes

Eugine Chiunya
Eugine Chiunya
4,604 Points

Hi Johannes, I need help how did you solve this one

Johannes Deutsch
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Johannes Deutsch
Full Stack JavaScript Techdegree Graduate 18,257 Points
Johannes Deutsch
.a{fill-rule:evenodd;}techdegree seal-36
Johannes Deutsch
Full Stack JavaScript Techdegree Graduate 18,257 Points

Hi Eugine, if you read Cameron's explanation, then he writes about the teacher's notes below the video that he recommends. Try to follow what's written in the snippet, then you'll see, that it works. I hope that helps.

Eugine Chiunya
Eugine Chiunya
4,604 Points

Thank you it worked