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 DOM Manipulation

challenge task help

I am not sure what is wanted on this challenge task. The challenge asks me to "Create a paragraph element and assign it to the newParagraph variable" and I don't know why my code doesn't qualify as doing that.

app.js
var contentDiv = document.getElementById('content');
var newParagraph = document.getElementById('newParagraph');
index.html
<!DOCTYPE html>
<html>
    <head>
        <title>DOM Manipulation</title>
    </head>
    <link rel="stylesheet" href="style.css" />
    <body>
        <div id="content">

        </div>
      <p id='newParagraph'></p>
        <script src="app.js"></script>
    </body>
</html>

1 Answer

Hi Ryan,

the task wants you to CREATE an element, not SELECT an element. You can actually leave the html completely untouched.

How to create new elements was introduced in the video three steps before the challenge: https://teamtreehouse.com/library/creating-new-dom-elements

An example for creating an h1 element would be:

var heading = document.createElement("h1");

Maybe repeat watching that video if you don't remember as it is crucial.

If you don't manage to solve the challenge after rewatching it, let me know - I am always happy to help.

Blessings from Berlin and happy java-scripting, Nils

PS: If my answer helped you or solved your issues, please upvote my answer and/or mark it as "Best answer" (so people browsing the community forum know your issue is solved)