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

Chintan Ray
seal-mask
.a{fill-rule:evenodd;}techdegree
Chintan Ray
Full Stack JavaScript Techdegree Student 12,309 Points

why is this not working?

Hey Everyone,

I am not able to understand why the challenge is showing an error. I have tried it multiple times and it keeps showing the same error. I have tried using a document.querySelector as well as there is only one input element in the code and still it shows error. Any help would be useful.

thank you.

regards, Chintan.

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>

1 Answer

Pascal Breitrück
PLUS
Pascal Breitrück
Courses Plus Student 3,206 Points

Hey Chintan Ray , your are on the right way .

This peace of code is correct , you only forget to select the value of the input field

var inputValue = document.getElementById("linkName");

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

Greets Pascal