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

sai meghanath marri
sai meghanath marri
2,327 Points

It's not working, am i missing something ??

Below both are not working for this exercise. Did i do something wrong ?

document.getElementById('linkName'); document.querySelector('input');

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

Dimitar Dimitrov
Dimitar Dimitrov
8,058 Points

You need the value of the input so

var inputValue = document.querySelector('#linkName').value; 

you need to select the element with ID linkName

Gemz Nunn
Gemz Nunn
14,813 Points

I had the same issue. Thanks for your help, Dimitar!