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!
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
Christopher Evans9,896 Points
Can't figure out how to pull text content from one element into another
This one has me stumped. How do I reference the <a> element in this syntax?
var inputValue = document.getElementById("linkName").value(input.text);
<!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>
Dimitar Dimitrov11,800 Points
and then you just assign it to the variable inputValue.
document.querySelector('a').textContent = inputValue;
You can use the document.getElementsByTagName('a') if you are more familiar with this method but don't forget that this method returns an array and you need to further specifies which <a> tag you want to select like this
Sean T. Unwin28,688 Points
Remove the brackets and what's inside for
value as it is not a function, but a string.
var inputValue = document.getElementById("linkName").value;