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

Gandi Gandalf
Gandi Gandalf
363 Points
Posted by Gandi Gandalf
Gandi Gandalf
363 Points

Code doesn't work. I don't know what to do :(

It shouldn't be a hard task, but I don't know how to do it...

app.js 
var 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>

1 Answer

Dmitry Polyakov
Dmitry Polyakov
4,989 Points
Dmitry Polyakov
Dmitry Polyakov
4,989 Points

Hey.

  1. If you use querySelector you need to specify the type of a selector in parenthesis. For id in this case you need to add a hash sign.

  2. You are looking for an input value. So you need to append .value at the end

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