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 Interactive Web Pages with JavaScript Traversing and Manipulating the DOM with JavaScript Appending and Removing Elements

Appending

What am i doing wrong it says i need to append this

app.js
var body = document.body;
var newParagraph = document.createElement("p");
var pleaseEnableParagraph = document.querySelector("#please_enable");

//Remove "Please Enable JavaScript" paragraph

body.removeChild(pleaseEnableParagraph)

//Append new paragaph to document

appendChild(body)
index.html
<!DOCTYPE html>
<html>
  <body>
    <p id="please_enable">Please Enable JavaScript</p>

    <script src="app.js"></script>
  </body>
</html>

2 Answers

Your missing a semi-colon (;) on the last two lines.

You also created a paragraph element, and you then tried to select an ID, but you haven't yet created the ID itself.

Hi, Andrew Alvarez:

appendChild is a method & therefore needs to be accessed by the object that has access to it; it cannot simply be invoked as it is in your code snippet.

Instead, you probably meant to append it to the body. Since you set a variable called body to have a reference (pointer) to document.body, you should have the following at the end of your current script instead:

body.appendChild(newParagraph);

This replaced your incorrect reference to a global function appendChild that doesn't exist & the wrong parameter passed in.