
Jennifer Inabinet
Full Stack JavaScript Techdegree Student 6,283 PointsI can't target the input element correctly
I'm unable to target the input element correctly - I've attempted document.getElementById('linkName') - I've also tried document.querySelector('input #linkName') with no luck. I'm not sure what selector the program is expecting and if i'm not properly linking the parent element?
var inputValue = document.getElementById('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

Rabin Gharti Magar
Front End Web Development Techdegree Graduate 19,575 PointsHey Jennifer Inabinet,
Your code is correct. You just need to add a value
property after the selection. You can use any of the following methods to select an element:
var inputValue = document.getElementById('linkName').value;
OR
var inputValue = document.querySelector('#linkName').value;
To learn more about value
property, check out this resource - https://www.w3schools.com/jsref/prop_text_value.asp
Hope this helps!