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 (2014) Creating a Mobile Drop Down Menu Setting a value

Posted by Tom Kaufman
Tom Kaufman
5,130 Points

Assigning value of a prompt to an element.

I'm a bit lost here. It seems straightforward enough but I'm getting an error.

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 $InputFullName=$("input#fullName")
//Insert value in to full name input
$InputFullName=fullName.val();
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>
Tom Kaufman
Tom Kaufman
5,130 Points

Thanks for taking the time to help.

3 Answers

Steven Parker
Steven Parker
229,745 Points
Steven Parker
Steven Parker
229,745 Points

:point_right: Your usage of val isn't quite right.

When you use val for setting, you attach the method name directly to the element that you want to set. Then, you pass the value that you want to give it as an argument. You won't need an assignment operator (=).

Check the jQuery documentation for further info and usage examples.

Fabio Vaccaro
Fabio Vaccaro
8,275 Points
Fabio Vaccaro
Fabio Vaccaro
8,275 Points

Adding an example: var fullName = prompt("What is your full name?"); //Store the result from the promp in the variable

var $InputFullName=$("#fullName"); //Store the jQuery object in $InputFullName

$InputFullName.val(fullName); //Use the .val() method to change the input value.

Tom Kaufman
Tom Kaufman
5,130 Points
Tom Kaufman
Tom Kaufman
5,130 Points

got it. Thanks for taking the time to help.