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

Alita Edmonds
Alita Edmonds
6,068 Points
Posted by Alita Edmonds
Alita Edmonds
6,068 Points

I am confused?

I have tried to add the anchor tag but either it says I can't duplicate it or there is an error. I am don't know what to do. Thanks!

app.js 
let inputValue = document.getElementById('linkName').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>
Daniel Bouse
Daniel Bouse
9,838 Points
Daniel Bouse
Daniel Bouse
9,838 Points

Make sure you target the anchor tag with another .getElementById and store that value in a seperate variable. Then once you have set that variable you can assign what you want to it's text content. like this:

let inputValue = document.getElementById('linkName').value; let link = document.getElementById('link');

link.textContent = inputValue;

1 Answer

Aakash Srivastav
seal-mask
.a{fill-rule:evenodd;}techdegree
Aakash Srivastav
Full Stack JavaScript Techdegree Student 11,638 Points
Aakash Srivastav
.a{fill-rule:evenodd;}techdegree
Aakash Srivastav
Full Stack JavaScript Techdegree Student 11,638 Points

Hey ,Alita Edmonds what's the code that you tried for challenge 2?
I tried this and it worked fine- 

let inputValue = document.getElementById('linkName').value;   // Getting the value of input and saving it into inputValue
document.getElementById('link').textContent = inputValue;     // setting the textContent of 'a' element to the value of input

Hope this helps :)

Alita Edmonds
Alita Edmonds
6,068 Points
Alita Edmonds
Alita Edmonds
6,068 Points

Thank you! I deleted my code that I had tried. It works!