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

JavaScript JavaScript and the DOM Making Changes to the DOM Modifying Elements

Posted by Max van den Berge
Max van den Berge
6,506 Points

Select the <input> element and assign its value to the variable inputValue. Bummer: Make sure tha

Challenge Task 1 of 2 Select the <input> element and assign its value to the variable inputValue.

Bummer: Make sure that you get the value of the selected 'input' element.

const inputValue = document.querySelector('input');

HTML <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>

what would be the right answer to the question:

Select the <input> element and assign its value to the variable inputValue?

my answer was: const inputValue = document.querySelector('input');

love to hear from you !

app.js 
var inputValue = document.querySelector('input');
index.html 
<!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>

2 Answers

Clayton Perszyk
MOD
Clayton Perszyk
Treehouse Moderator 48,723 Points
Clayton Perszyk
Clayton Perszyk
Treehouse Moderator 48,723 Points

The correct property name is value

var inputValue = document.querySelector('input').value;

For more info, check this article:

https://www.delftstack.com/howto/javascript/javascript-get-input-value/

Max van den Berge
Max van den Berge
6,506 Points

thx

Clayton Perszyk
MOD
Clayton Perszyk
Treehouse Moderator 48,723 Points
Clayton Perszyk
Clayton Perszyk
Treehouse Moderator 48,723 Points

Right now you are only accessing the input element itself. The challenge wants you to get the value. You need to use dot notation and the correct property name to access the value.

var inputValue = document.querySelector('input').propertyName // where propertyName is the property to access value
Max van den Berge
Max van den Berge
6,506 Points

Bummer: Make sure that you assign 'inputValue' a method that targets an element.

var inputValue = document.querySelector('input').inputValue;