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

Corey Draper
Corey Draper
3,452 Points

What am I doing wrong?

I have tried everthing I can think of.

app.js
var inputValue = document.getElementById('linkName').value
                 document.getElementByTagName('a').inputValue.textContent;
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>
Mark Sebeck
Mark Sebeck
Treehouse Moderator 22,950 Points

You are welcome. I had to look up how textContent works to remember how to do it. Keep at it. With practice it will get easier.

1 Answer

Mark Sebeck
MOD
Mark Sebeck
Treehouse Moderator 22,950 Points

You are close. Your syntax was a little wrong. You want .textContent=inputValue instead of .inputValue.textContent. And you want to select by ID when you can.

var inputValue = document.getElementById('linkName').value;
document.getElementById('link').textContent=inputValue;
Corey Draper
Corey Draper
3,452 Points

Thank you. I was still trying and failing lol. That question really confused me.