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

index.html
<!DOCTYPE html>
<html lang="en">
<head>
    <title>Document</title>
</head>
<body>
    <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>
    <button>Change</button>

    <script
    src="jquery-3.2.1.min.js"></script>
    <script src="app.js"></script>
</body>
</html>
app.js
$('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...