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

You Ni
PRO
You Ni
Pro Student 2,114 Points

Why it can't work

It keep showing the Bummer: You need to select the 'input' element, and store its value in the variable 'inputValue'.

app.js
var inputValue = document.querySelector("input#linkName").value;

inputValue = document.querySelector("a#link").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>

1 Answer

Steven Parker
Steven Parker
182,307 Points

On the first line, you created and assigned the "inputValue" variable.

On the next line, instead of assigning it again, you will be using it as the source of an assignment that will store its value into the element's text content. So you're close, but you have the left and right sides of the assignment reversed.

Also, when using ID's as selectors, you don't need to combine them with the tag name, since the ID must be unique on the page.

You Ni
You Ni
Pro Student 2,114 Points

Oh! I get it, thaks a lot