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

Kostatinos Yacoumakis
Kostatinos Yacoumakis
Full Stack JavaScript Techdegree Student 4,254 Points

Why am I not selecting the element?

I thought this seemed pretty straight forward, but obviously I'm missing something. I've tried using document.querySelector("input") and document.getElementById("linkName") neither seem to be working. I've referenced the hint video provided and didn't get anywhere. Can someone point me in the right direction please?

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

KRIS NIKOLAISEN
PRO
KRIS NIKOLAISEN
Pro Student 50,933 Points

The message you receive is: Bummer: Make sure that you get the value of the selected 'input' element. You need to store the value of the element.

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