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

Leanne He
seal-mask
.a{fill-rule:evenodd;}techdegree
Leanne He
Full Stack JavaScript Techdegree Student 6,779 Points

Can someone explain why my code line in app.js does not work?

I am lost as to why my code line is not working..

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>

1 Answer

Hey Leanne Heuberger,

You have selected the right element but you need to add a value property after the selection to retrieve the value.

The value property sets or returns the value of the attribute.

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

Hope this helps!