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

Vidar Maartensson
Vidar Maartensson
2,497 Points

what am i doing wrong? id linkName inside <input>...?

dont understand why its not working? tried every combination and different id/value i can think of...?

app.js
var inputValue = document.querySelector('input 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

Steven Parker
Steven Parker
160,434 Points

Here's a few pointers:

  • nothing is inside the input, the input element is the one with the id "linkName"
  • since id's are unique you don't need to specify the element type
  • id's must be prefixed with a hash mark ("#") when used as a selector
  • it's the element's .value that the challenge wants you to assign, not the element itself

I'll bet you can get it now, but write again if you still have trouble.

Vidar Maartensson
Vidar Maartensson
2,497 Points

Ah i see, great answer. Thank you!!💕