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 Clay Bowser
Clay Bowser
6,619 Points

Task 1 passes with the first two lines of code, but for the 2nd task the last two lines fail the first task?

I'm just confused because the challenge wants me to store more than one value into the variable InputValue and it keeps breaking itself.

app.js 
const input = document.querySelector('input');
const inputValue = input.value;
const a = document.getElementById('#link');

a.innerHTML = inputValue.value;
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

martinjones1
.a{fill-rule:evenodd;}techdegree seal-36
martinjones1
Front End Web Development Techdegree Graduate 44,819 Points

The code below will work OK

const input = document.querySelector('input');
const inputValue = input.value;
const a = document.getElementById('link');

a.innerHTML = inputValue;

2 things changed here:

1 - You don't need the # symbol in getElementById, because you have already stated it will be an ID, it does not need it

2 - Removed .value from the last line since you already got this earlier on, the value is already stored as "inputValue"

Clay Bowser
Clay Bowser
6,619 Points

Thank you! :)