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

Nazeim Brame
Nazeim Brame
6,544 Points

Make sure that you get the value of the selected 'input' element. This is the error I keep receiving.

Please explain exactly what they mean by get the value of the selected 'input' element.

app.js
var inputValue = document.getElementById('linkName');

inputValue.addEventListener('change', () => {
console.log(inputValue.value);
})
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

Steven Parker
Steven Parker
195,578 Points

You've correctly selected the element itself, now you need the membership operator (".") and the name of the attribute to access the value:

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