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
Christoph Walpert
3,752 PointsGetting Input and and then inserting the value into input.
Can someone first of all explain the task to me. Because I dont quite get it. It says: "A prompt dialog will open prompting for someone's full name. Use jQuery to follow the comments in code. First, select the correct input, and then set it's value to the fullName."
This is my code.
//Show Prompt Window and store value
var fullName = prompt("What is your full name?");
//Select Input with the id of #fullName
var value = $("#fullName").val();
//Insert value in to full name input
$("input").val(value);
<!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>
3 Answers
Jesus Mendoza
23,288 PointsHey Christoph.
The value that you submit in the prompt window is stored in the fullName variable, now that you already have that value, you have to select the input field with the id #fullName and change the value of it with the value stored on the fullName variable.
If you are really stuck let me know so I can help you with your code, I just want to let you try to solve it first!
Tracy Excell
Front End Web Development Techdegree Graduate 15,333 PointsHi I had trouble with these, here is the answer form a moderator
Jonathan Grieve 11 months ago There's one more thing I neglected to mention.
if the val method is actually going to display value it needs the variable that's being passed into it.
$('#fullName').val(fullName); So the first is the actual section of the required input element, jQuery is attaching the action to the input by its ID. Then the val() method is being called on it with a value. We could have probably passed this in as a string but we've got a message already. The value from the prompt function.
var fullName = prompt("What is your full name?"); .val(fullName);
Sue Johnson
16,648 PointsYou use $('#fullName') to select the input then use val() to insert the value of fullName like this:
//Select Input with the id of #fullName
//Insert value in to full name input
$('#fullName').val(fullName);
Christoph Walpert
3,752 PointsChristoph Walpert
3,752 Pointsok thanks! Thats pretty easy. I think I was just confused by the wording afterall!