Travers GeoffrayFront End Web Development Techdegree Graduate 14,194 Points
Can someone help with this text content challenge task?
Not sure if I completely understand what's being asked here, the phrasing is a bit confusing. Not sure where I'm going wrong.
var inputValue = document.getElementById('linkName').value; document.querySelector('a').textcontent = inputValue.value;
<!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>
Steven Parker195,447 Points
You're close, but:
- "inputValue" is already the value, it does not have its own ".value" attribute
- The attribute "textContent" must be spelled with a capital "C"
- while this selector will work, selecting by the ID would be a more "best practice" solution
Ryan Groom14,802 Points
Travers Geoffray The issue is that the instructions in the challenge were prompting you to change the text content of the <a> element WITH the id of 'link'. So my solution to this was as follows:
var inputValue; inputValue = document.getElementById('linkName').value; document.getElementById('link').textContent = inputValue;
Let me know if you need anything clarified.