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 trialAndrew Alvarez
11,964 PointsAppending
What am i doing wrong it says i need to append this
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)
<!DOCTYPE html>
<html>
<body>
<p id="please_enable">Please Enable JavaScript</p>
<script src="app.js"></script>
</body>
</html>
2 Answers
Tyrell Jentink
8,415 PointsYour missing a semi-colon (;) on the last two lines.
Kevin Lozandier
Courses Plus Student 53,747 PointsHi, 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.
Tyrell Jentink
8,415 PointsTyrell Jentink
8,415 PointsYou also created a paragraph element, and you then tried to select an ID, but you haven't yet created the ID itself.