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

Dan Warren
Dan Warren
9,121 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
MOD
Victor Mercier
Treehouse Moderator 14,635 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,121 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.