Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

JavaScript JavaScript and the DOM (Retiring) Making Changes to the DOM Modifying Elements

Jabor Al thani
Jabor Al thani
2,926 Points
Posted by Jabor Al thani
Jabor Al thani
2,926 Points

Is there another way to execute this task ?

I was able to get this task correct , but is there another way with perhaps just one line of code ?

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>
app.js 
let linkName = document.getElementById('linkName');
linkName = linkName.value;

2 Answers

andren
andren
28,558 Points
andren
andren
28,558 Points

Yes, the first task can be completed with just one line of code, and it's quite simple too.

Instead of creating a variable and then accessing the "value" property through it, you can just access the "value" property directly from the "document.getElementById('linkName')" expression. You don't have to assign it to a variable in order to access its properties or methods.

Here is an example:

let linkName = document.getElementById('linkName').value;
Philip Gales
Philip Gales
15,193 Points
Philip Gales
Philip Gales
15,193 Points

I was unable to pass the challenge with the code provided. Can you update your code?

EDIT to add: You can string functions like '.value' as many times as you want on one line.

let linkName = document.getElementById('linkName').value;
Jabor Al thani
Jabor Al thani
2,926 Points
Jabor Al thani
Jabor Al thani
2,926 Points

Hi Philip , that was exactly the same type of code I used to pass the first task .

Philip Gales
Philip Gales
15,193 Points

Okay. I will post the answer below.