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

michael edmondson
michael edmondson
4,512 Points
Posted by michael edmondson
michael edmondson
4,512 Points

What am i missing here?

Select the <input> element with the ID linkName and store its value in the variable inputValue. (For a refresher on getting the value of a text input, watch this video from the previous section.)

const inputValue = document.querySelector('linkName')

app.js 
const inputValue = document.querySelector('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>

2 Answers

Camille Le
Camille Le
5,408 Points

Hey Michael, you're missing the "#" which is needed to target the linkName ID . Try this, which should return the HTML element: 

const inputValue = document.querySelector('#linkName');

If you seek to get the value of the input, you can try this too: 

const inputValue = document.querySelector('#linkName').value;

Hope that helps,

Camille

Christopher Gardner
Christopher Gardner
12,719 Points
Christopher Gardner
Christopher Gardner
12,719 Points

Hey Michael, when using document.querySelector, you have to specify if it's a class with ".", or "#" for id, like you do in CSS. 

const inputValue = document.querySelector('#linkName');