Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

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

Max van den Berge
Max van den Berge
6,292 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,107 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/

Clayton Perszyk
MOD
Clayton Perszyk
Treehouse Moderator 48,107 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,292 Points

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

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