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

Posted by geehun seng
geehun seng
1,705 Points

Hello, Help me please

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.)

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

Frederic Ronaldi
Frederic Ronaldi
13,732 Points
Frederic Ronaldi
Frederic Ronaldi
13,732 Points

Hi, the input element has an id of linkName, so you could select the element by id selector (#) and retrieve the value of input element in value property.

Code :

let inputValue = document.querySelector('#linkName').value;
leahjoyce
leahjoyce
6,753 Points
leahjoyce
leahjoyce
6,753 Points

you can use the getElementById to it produces same result

let inputValue = document.getElementById('#linkName').value;