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 trial
MacKenzie Santiago
5,137 PointsHOW???? Select the <input> element and assign its value to the variable inputValue.
HOW ????????? WHAT??????
const inputValue = document.querySelector(value="sample text");
<!DOCTYPE html>
<html>
<head>
<title>DOM Manipulation</title>
</head>
<link rel="stylesheet" href="style.css" />
<body>
<div id="content">
<label for="linkText">Link Text:</label>
<input type="text" id="linkText" value="sample text">
<p class="info"></p>
</div>
<script src="app.js"></script>
</body>
</html>
6 Answers
MacKenzie Santiago
5,137 Pointsconst inputValue = document.querySelector("input").value;
Steven Parker
231,236 PointsThe querySelector function is a good choice, but the argument should be just a string containing a selector like you might use in CSS (such as the tag name).
Then you would add .value to access the value property from the element returned by the function.
Steven Parker
231,236 PointsThere isn't just one "correct answer" to this challenge (or to most of them in the courses). But here are a few more details:
The expression value="sample text" isn't a valid argument for the function because it's not a string. You could fix that with another set of quotes, but even so attribute selectors need to be enclosed in brackets ([]). Yet there are far easier ways to select the element, the simplest is just the tag name "input". Another one would be the ID "#linkText".
Once you have the selector function working, this code will assign a reference to the element to the variable, but the instructions say to "assign its value to the variable". So to access the value attribute of the element, you can add the attribute name after the function call, joined using the membership operator (a period, so .value).
Steven Parker
231,236 PointsHere's generic pseudocode to select an element and assign a specific attribute of it to a variable. Colored terms are links to associated documentation pages.
const variable_name = document.querySelector("a valid CSS selector string").the_attribute_name;
MacKenzie Santiago
5,137 PointsSteven Parker I dont understand what you just said...could you please just type the correct answer?????? Im more likey to learn that way as I am VISUAL and not a text kind of learner.
MacKenzie Santiago
5,137 PointsSteven Parker If you could use more examples rather than text, it would help. Your second explanation is way MORE confusing than the first.
MacKenzie Santiago
5,137 PointsIm not asking for 'clever'...Im just asking for a simple answer for this problem, no matter the solution. Thanks.
MacKenzie Santiago
5,137 PointsCool man.Thnx!
Steven Parker
231,236 PointsSteven Parker
231,236 PointsMacKenzie Santiago — did you mean to mark your own comment as "best answer"?