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

Zachary Luke
Zachary Luke
8,046 Points

I can grab the 'input' field, but am having trouble assigning the value to a variable.

I was successfully able to grab onto the 'input' from the HTML, but it won't assign the value to it. I tried adding '.value' to 'input', but that doesn't seem to work. What am I doing incorrectly, or what am I missing?

app.js
const inputValue = document.getElementById('input.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

Liam Clarke
MOD
Liam Clarke
Treehouse Moderator 18,894 Points

Hi Zachary

You almost got it, what you need to do is first get the element by ID of "linkName" and then with that id you want to get the value, first, call the getElementByID function and then access the value property.

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

Good Luck