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

Nazeim Brame
Nazeim Brame
6,544 Points

PLease help IDK how to select the input value.

dre

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

Harald N
Harald N
14,554 Points

Hi Nazeim. This can be tricky, but you have some small mistakes in your code.

  1. When using document.getElementById, you don't need #. # is used in QuerySelector so show that you are looking for id. When using getElementById, it already knows that you are looking for an id.

2.In your document.getElementById('linkname') query, you forgot that the id in the HTML is 'linkName'.

  1. When you have the right html element, use '.value' to get the value from the input.

example:

//Change the query from linkname to linkName to mach html id.
var inputValue = document.getElementById('linkName');
//Added an eventlistner, so everytime you change the value in the input, it logs the result.
//Makes dev easier.
inputValue.addEventListener('change', () => {
console.log(inputValue.value);
})

I hope this helps, if so mark your question answered :D

Nazeim Brame
Nazeim Brame
6,544 Points

Thank you so much. It's rough sometimes when I can't solve one of these. I feel like I'm working in vain. Very thankful how fast you guys respond and answer. Motivates me to keep trying knowing that someone is always there to help.