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 jQuery Basics Introducing jQuery Using text() and html()

Posted by Madyson Taylor
.a{fill-rule:evenodd;}techdegree
Madyson Taylor
Front End Web Development Techdegree Student 13,255 Points

Help!! Why will it not pass it?

So I have currently done about everything but on top of that I have also looked into peers notes and questions. I don't know what is going on with me but for some reason I just am hitting a brick wall. Please send help!

index.html 
<!DOCTYPE html>
<html lang="en">
<head>
    <title>Document</title>
</head>
<body>
    <h1 class="profile-header"></h1>
    <p class="profile-text"></p>

    <script
    src="jquery-3.2.1.min.js"></script>
    <script src="app.js"></script>
</body>
</html>
app.js 
jQuery(".profile-header");
jQuery(".profile-text");

//const content = "I am a web developer.";
//$(".profile-text").text(content);
const title = "I am a web developer.";
const content = "I am a web developer.";
$('.profile-text').text(title);
$('.profile-text').html(content);

1 Answer

katherine
katherine
45,330 Points
katherine
katherine
45,330 Points

For the html part, you should be targeting the h1's class name, not the p element's class name again. Also, the html text specified in the question is different from the text for the p tag, whereas you have set both title and content to the same string.

Try this 

$('.profile-text').text("I am a web developer");
$('.profile-header').html('Student <span>Profile</span>');
Madyson Taylor
.a{fill-rule:evenodd;}techdegree
Madyson Taylor
Front End Web Development Techdegree Student 13,255 Points

Thank you!!

Madyson Taylor
.a{fill-rule:evenodd;}techdegree
Madyson Taylor
Front End Web Development Techdegree Student 13,255 Points

But even when I place it in for some reason error keeps coming up.