front-end-developer_1_

Front-End-Developer - Level 1
$(document).ready(function() {
$("#blanks form").submit(function(event) {
$(".person1").append("blah blah");
$(".person2").append("blah blah");
$(".animal").append("blah blah");
$(".exclamation").append("blah blah");
$(".verb").append("blah blah");
$(".noun").append("blah blah");
$("#story").show();
});
});
event.preventDefault();
Notice that we've added a parameter event to the callback function we passed to
submit() method. When the form is submitted, jQuery runs the callback function and
passes in something as an argument. We don't know what this "something" is - we just know
that it somehow represents the event of the form being submitted, and so we give the
parameter the name event . And we know that if we call the method preventDefault() on
this event thing, it will stop the form from submitting.
This is a pretty confusing concept. If you aren't at least 70% clear on the previous
paragraph, stop and re-read it, slowly and carefully. If you are at least 70% clear, come back
and re-read it a couple more times after you finish this lesson. You might also re-visit the
lesson on Writing functions, which includes an explanation of arguments and parameters.
Now, we need to actually get the values from the form. If we open up the JavaScript console
on the page and run:
$("input#person1").val();
We can see that this jQuery method returns the value from the input as a string. Since the
append() method takes a string as an argument, we can update our code like this:
scripts.js
Forms
180