JavaScript jQuery Basics Introducing jQuery Getting Values from Form Fields

I'm not sure how to call the variable '.profile-name' in order to add the .text() afterward, how do I figure this out?

.profile-name is a class, and it's asking me to use jQuery's .text() method to set the contents of it in an input field, but I'm not sure how to set it up

<!DOCTYPE html>
<html lang="en">
    <h2 class="profile-name">Treasure Porth</h2>
    <p class="profile-text">I am a web developer!</p>

    <label>Change name:<input id="name-input" type="text"></label>

    <script src="app.js"></script>
$('button').click(function() {
  const newName = $('#name-input').val().text('#.profile-name')


1 Answer

$('#name-input') is a jQuery selector that selects an element with the id of name-input, the # means it selects by id.

To select profile-name by class you'd use the selector $('.profile-name') which will select by class because of the .

Hello, thank you for helping me with this! I tried your advice and added $('.profile-name).text() on the next line, and I got this error message: "Within the anonymous function passed to the "click" method call, did you supply the argument "newName" to the "text" method call on the jQuery object with an argument of "'.profile-name'"?" I've gotten this one for most options I've tried, also...