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

Set the text content of the a tag to be the value stored in the variable inputValue.

It says am duplicating declaration inputValue

let inputValue =linkName.value;
const    inputValue = document.getElementById('linkName').value;
<!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="https://teamtreehouse.com"></a>
        <script src="app.js"></script>

2 Answers

Joseph Wasden
Joseph Wasden
20,406 Points

You have two variable declarations using the name inputValue. a let and const. Since they are both in the same namespace, they are considered a duplication, which produces your error.

try changing one of their names, or simply not redeclaring the const.

let inputValue =linkName.value; // declared and initialized.
 inputValue = document.getElementById('linkName').value; // notice the removed const. In this way, you aren't duplicating the declaration, merely referencing it.
Steven Parker
Steven Parker
228,977 Points

You have solved task 1 two different ways. Pick one and delete the other, then move on to task 2.

I recommend the 2nd one, it's more verbose but a more "good practice" solution.