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

Posted by Jacquelyn Springs
Jacquelyn Springs
9,395 Points

i use document.getElementbyID and input the value

app.js 
var inputValue = document.getElemetbyID('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

Cameron Childres
Cameron Childres
11,817 Points
Cameron Childres
Cameron Childres
11,817 Points

Hi Jacquelyn,

Some things to note:

  • You're missing the 'n' in 'Element'
  • getElementById() is written in camel case, check your capitalization and make sure it matches
  • You'll need to use the value property to access the value of the input -- the video linked in the question is a good refresher if you're having trouble with this part

Hope this helps! Let me know if you have any questions.

Jacquelyn Springs
Jacquelyn Springs
9,395 Points

I watched the video twice but let me make my corrections with the missing n and go from there and try again myself before asking again

Jacquelyn Springs
Jacquelyn Springs
9,395 Points

The video was no help

Cameron Childres
Cameron Childres
11,817 Points
Cameron Childres
Cameron Childres
11,817 Points

The key takeaway of the video is that a text input has a value property which stores the text that has been entered in to it.

This will select the element:

document.getElementById('linkName');

Add the property value to retrieve the text stored inside the input element:

document.getElementById('linkName').value;