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

michael edmondson
michael edmondson
4,500 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

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

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');