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

Julien Arseneau
seal-mask
.a{fill-rule:evenodd;}techdegree
Julien Arseneau
Full Stack JavaScript Techdegree Student 5,200 Points
Posted by Julien Arseneau
.a{fill-rule:evenodd;}techdegree
Julien Arseneau
Full Stack JavaScript Techdegree Student 5,200 Points

How can I append the newParagraph to the content nav?

It tells me: ''There was an error with your code: TypeError: 'undefined' is not a function (evaluating ''div'.appendChild('newParagraph')')''.

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

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

2 Answers

Antonio De Rose
Antonio De Rose
20,884 Points
Antonio De Rose
Antonio De Rose
20,884 Points

question - Append the newParagraph element to the content DIV element.

const contentDiv = document.getElementById("content");
let newParagraph = document.createElement('p');
newParagraph.className = "panel";
//div.appendChild('newParagraph');


//the way you have described, div.appendChild, the browser would look for an already declared variable.
//the question clearly states, content DIV element. you already have a variable corresponding to that.

//btw, newParagraph is a variable which contains value inside of it, when you surround, that with the quotes,
//variable newParagraph is of no use.