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

Karly Lamm
Karly Lamm
Full Stack JavaScript Techdegree Student 6,493 Points

Not sure what else to do w/ document.getElementByID('linkName')

I am not sure what to do. This seemed like it would work by using the ID name to get the element input.

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

Shardly Romelus
Shardly Romelus
Full Stack JavaScript Techdegree Graduate 20,720 Points

Hi Karly,

You are almost there. The challenge is asking to assign the value of the input element to the inputValue variable.

document.getElementById('linkName')

would return the input element and its attribute

<input type='text' id='linkName'>

In order to return the input value you have to add .value at the end of what you had before.

document.getElementById('linkName').value

I hope that helped.

Mark Sebeck
MOD
Mark Sebeck
Treehouse Moderator 22,875 Points

You want the value from the input so you need a .value at the end. There is a link from the challenge to a video that explains

var inputValue = document.getElementById('linkName').value