I can't target the input element correctly

Question

I'm unable to target the input element correctly - I've attempted document.getElementById('linkName') - I've also tried document.querySelector('input #linkName') with no luck. I'm not sure what selector the program is expecting and if i'm not properly linking the parent element?

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>

Answer 1 · 2021-01-21T14:42:26Z

January 21, 2021 2:42pm

Hey Jennifer Inabinet,

Your code is correct. You just need to add a value property after the selection. You can use any of the following methods to select an element:

var inputValue = document.getElementById('linkName').value;

OR

var inputValue = document.querySelector('#linkName').value;

To learn more about value property, check out this resource - https://www.w3schools.com/jsref/prop_text_value.asp

Hope this helps!

Jennifer Inabinet

Jennifer Inabinet

I can't target the input element correctly

1 Answer

Rabin Gharti Magar

Rabin Gharti Magar