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 trialJacquelyn Springs
9,395 Pointsi use document.getElementbyID and input the value
var inputValue = document.getElemetbyID('linkName');
<!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
11,820 PointsHi 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
9,395 PointsJacquelyn Springs
9,395 PointsI 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
9,395 PointsJacquelyn Springs
9,395 PointsThe video was no help
Cameron Childres
11,820 PointsCameron Childres
11,820 PointsThe 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;