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

Dan Warren
Dan Warren
9,125 Points
Posted by Dan Warren
Dan Warren
9,125 Points

I know I'm doing something wrong but I don't know what

I keep being told 'Make sure that you're selecting the input element' but I don't know what I'm missing. I feel confident the first line of code is correct but after that I more or less have been taking stabs at figuring out what I'm missing based on the video the question tells me to use as a refresher. Am I even close?

app.js 
var inputValue = document.getElementById('linkName');

inputValue.addEventListener('click', () => {
  inputValue.value = input.linkName; 
})
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

Victor Mercier
Victor Mercier
14,667 Points

Hi, here is a detailed solution explanation:

var inputValue;
//Select the input eleent 
const input = document.querySelector("#linkName");
//Assign inputValue the value of the input
inputValue = input.value;
//Select the a element 
const anchor = document.querySelector("#link")
//Set the textContent of the anchor to be equal to the value of the input
anchor.textContent = inputValue;
Dan Warren
Dan Warren
9,125 Points
Dan Warren
Dan Warren
9,125 Points

Thank you! Seeing it laid out like that I can't believe I couldn't figure this out now, way simpler than what I was trying to make.