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 Louis Riddle
.a{fill-rule:evenodd;}techdegree seal-36
Louis Riddle
Front End Web Development Techdegree Graduate 12,982 Points

I'm having trouble selecting the input value.

I have reviewed my code several times, and I'm having trouble finding how I am not selecting the input value.

app.js 
let inputValue = document.querySelector('#linkText');
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

jb30
jb30
44,805 Points
jb30
jb30
44,805 Points

Have you tried setting inputValue to the value attribute of the element you selected?

Gergely Bocz
Gergely Bocz
14,244 Points
Gergely Bocz
Gergely Bocz
14,244 Points

Hi Louis Riddle !

With the selector you are actually selecting the input field. To get the value of the field you should refer to the value propery of the input field like this:

let inputValue = document.querySelector('#linkText').value;

This is the solution for the first part of this challenge.

Generally though, I suggest you to select the input field like this:

let input = document.querySelector('#linkText');

And then change the value referring to the value property of that variable, like this:

input.value = "xyz";

Good luck, GergΕ‘