Setting a Value

Question

JQuery is JConfusing for me so far....the lingo is not penetrating my brain. Can anyone explain what this challenge is asking me to do?

js/app.js

//Show Prompt Window and store value
var fullName = prompt("What is your full name?");

//Select Input with the id of #fullName
var input = fullName.val();
//Insert value in to full name input
$input.append("fullName");

index.html

<!DOCTYPE html>
<html>
<head>
</head>
<body>
<label for="fullName">Full Name</label><input id="fullName" name="fullName" value="" disabled>
<script src="//code.jquery.com/jquery-1.11.0.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/app.js" type="text/javascript" charset="utf-8"></script>
</body>
</html>

Answer 1 · 2017-11-14T00:42:50Z

November 14, 2017 12:42am

Let's take a look:

//Select Input with the id of #fullName
var input = fullName.val();

The variable "fullName" contains a string, it's not a jQuery object and has no ".val()" method. Besides, what you want to do here is to just select the element with that ID. So you'd make a selector by adding a "#" (to indicate ID), and then wrap that in the "dollar" function to create a jQuery object:

var input = $("#fullName");

Then, you have:

//Insert value in to full name input
$input.append("fullName");

Your variable is just "input" (no "$"), and here is the place you can use ".val()" to set it. But you don't want to pass the word "fullName", you want to use your variable and pass what was stored there by "prompt":

input.val(fullName);

BTW: beginning the names of variable names that represent jQuery objects with "$" is often done as a convention, but it's more important to use the same name consistently.

Welcome to the Treehouse Community

Looking to learn something new?

Bret Lynn

Bret Lynn

Setting a Value

1 Answer

Steven Parker

Steven Parker