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

Bozena Jablonski
Bozena Jablonski
4,944 Points

Challenge help please, I'm starting to get lost

I know my solution isn't right but I can't work this seemingly easy challenge out.

app.js
var inputValue = document.getElementById('linkName').value;
a.textContent = input.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>

2 Answers

Romain Gaget
Romain Gaget
24,448 Points
var inputValue;
inputValue = document.getElementById('linkName').value;

//you cannot select the a tag like this you'll need to select it by his id
document.getElementById('link').innerHTML = inputValue
Corey Miller
Corey Miller
Full Stack JavaScript Techdegree Graduate 17,298 Points

As Romain said you would need to select the element, you cannot just call an anchor tag like that, JS does not understand.

const a = document.getElementById('link')
a.innerHTML = inputValue;

his would correct the issue.