JavaScript JavaScript and the DOM Making Changes to the DOM Modifying Elements

Leanne Heuberger
seal-mask
.a{fill-rule:evenodd;}techdegree
Leanne Heuberger
Full Stack JavaScript Techdegree Student 4,362 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

rabin
seal-mask
.a{fill-rule:evenodd;}techdegree
rabin
Front End Web Development Techdegree Student 15,247 Points

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!