Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

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.

Kevin Lozandier
PLUS
Kevin Lozandier
Courses Plus Student 53,747 Points

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.