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

Fabrice Innocent
Fabrice Innocent
Full Stack JavaScript Techdegree Student 9,342 Points

Something missing

How is the "link" parameter incorrect in this case? How do I select the "a" link? Wouldn't it be by selecting the "link" ID?..So confused

app.js
const myElement = document.getElementById('link')
var inputValue = myElement.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>

3 Answers

KRIS NIKOLAISEN
PRO
KRIS NIKOLAISEN
Pro Student 50,888 Points

Your selection for task 2 will work. But your assignment on the following line is backwards. The task wants you to assign inputValue to myElement.textContent - not the other way around. You also need to keep your code from task 1.

Steven Parker
Steven Parker
176,322 Points

You're pretty close, but there's two issues:

  • the instructions ask for "element with the ID linkName", but this code selects the id "link" instead
  • the user's entry in an <input> element is not in the "textContent" but in the "value"

That will get you past task 1. Then when you get to task 2, remember the instructions warning: "Important: In each task of this code challenge, the code you write should be added to the code from the previous task." So you'll leave the task 1 code there and add more to select the other element and assign it using the value you got in task 1.