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?
const inputValue = document.getElementById('input.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>
Liam ClarkeTreehouse Moderator 19,188 Points
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;