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

Evan Loiterman
Evan Loiterman
3,208 Points

Select input value The question is vague

My code: var inputValue=document.getElementById("linkName"); console.log(inputValue.value) ;

what am I not doing here?

app.js
//var inputValue=document.getElementById("linkName").value="test";
var inputValue=document.getElementById('linkName');


///inputValue.value ="test this";

console.log (inputValue.text);
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

Adam Pengh
Adam Pengh
28,635 Points

There's 2 parts to this.

1.) Get the value of the input:

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

2.) Select the link with an ID of "link" and set the text equal to the value of the input:

document.getElementById('link').innerText = inputValue;