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

yousif alyousif
yousif alyousif
2,322 Points
Posted by yousif alyousif
yousif alyousif
2,322 Points

can some one please help me with this challenging task in javascript?

the challenge task says: Store the value of the text input element in the variable inputValue. (If you need a refresher on getting the value of a text input, this video from the previous section demonstrates how.)

i tried to solve the problem by so many ways but could not fix it I even watched the previous video but could not come with a solution please help me :)

app.js 
let 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>

1 Answer

Alex Harri Jónsson
Alex Harri Jónsson
6,706 Points
Alex Harri Jónsson
Alex Harri Jónsson
6,706 Points

document.getElementById returns the DOM element itself, not the value of it. You have to access the 'value' property of it like so:

// The below returns the DOM element, not the value of it.
document.getElementById('linkValue'); // <input type="text" id="linkname">

// And this returns the actual value
document.getElementById('linkName').value; // Whatever you typed