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 trialWelcome Julius
9,076 Pointsam stack with this i need help
am stack with this i need help with this challenges task 2 and 3
var contentDiv = document.getElementById('content');
var newParagraph = .className= 'panel';
<!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>
1 Answer
Rabin Gharti Magar
Front End Web Development Techdegree Graduate 20,928 PointsHey Welcome Julius,
- You need to first create a new
paragraph
element usingcreateElement
method and store it in anewParagraph
variable. - In the second task, add a class name
panel
usingclassName
property. - And finally, append
newParagraph
element tocontentDiv
.
Here's the final version of code for this challenge:
var contentDiv = document.getElementById('content');
var newParagraph = document.createElement('P');
newParagraph.className = "panel";
contentDiv.appendChild(newParagraph);
Hope this helps!