JavaScript JavaScript and the DOM Making Changes to the DOM Modifying Elements

Jennifer Inabinet
Jennifer Inabinet
Full Stack JavaScript Techdegree Student 6,283 Points

I can't target the input element correctly

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?

var inputValue = document.getElementById('linkName');
<!DOCTYPE html>
        <title>DOM Manipulation</title>
    <link rel="stylesheet" href="style.css" />
        <div id="content">
            <label>Link Name:</label>
            <input type="text" id="linkName">
            <a id="link" href=""></a>
        <script src="app.js"></script>

1 Answer

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; 


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

To learn more about value property, check out this resource -

Hope this helps!