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 Modifying Elements

Posted by Sharon Kearney
Sharon Kearney
8,662 Points

code challenge modify newParagraph

edit newParagraph.innerText = "Javascript is enabled"; what is wrong?

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

// Add text to the new paragraph

edit newParagraph.innerText="JavaScript is enabled"; 

//Remove "Please Enable JavaScript" paragraph

body.removeChild(pleaseEnableParagraph);

//Append new paragaph to document

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

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

4 Answers

Abe Layee
Abe Layee
8,378 Points
Abe Layee
Abe Layee
8,378 Points

It should be innerHTML follow by a string.

newParagraph.innerHTML = " JavaScript is enabled";
Sharon Kearney
Sharon Kearney
8,662 Points
Sharon Kearney
Sharon Kearney
8,662 Points

Thank you.

Abe Layee
Abe Layee
8,378 Points
Abe Layee
Abe Layee
8,378 Points

You're welcome:D

Abe Layee
Abe Layee
8,378 Points
Abe Layee
Abe Layee
8,378 Points

Check this link out to see the difference between innerText and innerHTML. innerText method does not work in firefox. Stackoverflow