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 (Retiring) Making Changes to the DOM Modifying Elements

Nazeim Brame
Nazeim Brame
6,544 Points
Posted by Nazeim Brame
Nazeim Brame
6,544 Points

PLease help IDK how to select the input value.

dre

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

2 Answers

Harald N
Harald N
15,843 Points
Harald N
Harald N
15,843 Points

Hi Nazeim. This can be tricky, but you have some small mistakes in your code.

  1. When using document.getElementById, you don't need #. # is used in QuerySelector so show that you are looking for id. When using getElementById, it already knows that you are looking for an id.

2.In your document.getElementById('linkname') query, you forgot that the id in the HTML is 'linkName'.

  1. When you have the right html element, use '.value' to get the value from the input.

example:

//Change the query from linkname to linkName to mach html id.
var inputValue = document.getElementById('linkName');
//Added an eventlistner, so everytime you change the value in the input, it logs the result.
//Makes dev easier.
inputValue.addEventListener('change', () => {
console.log(inputValue.value);
})

I hope this helps, if so mark your question answered :D

Nazeim Brame
Nazeim Brame
6,544 Points
Nazeim Brame
Nazeim Brame
6,544 Points

Thank you so much. It's rough sometimes when I can't solve one of these. I feel like I'm working in vain. Very thankful how fast you guys respond and answer. Motivates me to keep trying knowing that someone is always there to help.