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

Maxim Baban
Maxim Baban
5,433 Points

How do I set the text content of 'a' to the value of InpurValue?

The assignment is to assign the value I've stored in input value to 'a'. I'm having trouble either calling a or assigned it the right value.

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

rabin
seal-mask
.a{fill-rule:evenodd;}techdegree
rabin
Front End Web Development Techdegree Student 15,247 Points

Hey Maxim Baban,

  1. For the first challenge, you need to select an element with the id of linkName followed by a value property and store it in an inputValue variable.

  2. Secondly, you need to select an element with the id of link followed by a textContent property and insert a value received from inputValue variable.

var inputValue = document.getElementById('linkName').value;
document.getElementById('link').textContent = inputValue;

Hope this helps!