| Fill in the blank. | $("button#b1").on("click"__ function() { | , | ^ *, *$ |
| Fill in the blank. | $("button#b1").on("click", ________() { | function | ^ *function *$ |
| Fill in the blank. | $("button#b1").on("click", function__ { | () | ^ *\(\)*$ |
| What character is missing? | $("button#b1").on("click", function() | { | ^ *{ *$ |
| 5. Drag-and-drop: Holding down the left mouse button, drag the pieces of code onto the screen to code the first line that triggers an action when an image is clicked. | | $("img").on("click", function() { | |
| Code the first line that triggers an action when any paragraph is double clicked. | | $("p").on("dblclick", function() { | $`(`"`p`"`)`.`on`(`"`dblclick`"`comma`1spacefunction`(`)`1space{ |
| Code the first line that triggers an action when the user clicks in a form field whose ID is "city". | | $("input#city").on("focus", function() { | |
| Code the next line. | $("button#b1").on("click", function() {
$("img").hide(); | }); | ^ *}\); *$ |
| Code the first line of code that triggers an event when a form with the ID "contact" is submitted. | | $("form#contact").on("submit", function() { | ^ *\$\(•form#contact•\)\.on\(•submit•, function\(\) { *$ |
| Code the first line of code that triggers an event when any div whose class is "clickable" is clicked. | | $("div.clickable").on("click", function() { | ^ *\$\(•div\.clickable•\)\.on\(•click•, function\(\) { *$ |
| Code the first 2 lines of code that hides all images when a button is clicked. Make up the button ID. | | $("button#b2").on("click", function() {
$("img").hide(); | ^ *\$\(•button#.+•\)\.on\(•click•, function\(\) {\n *\$\(•img•\)\.hide\(\); *$ |
| Code all 3 lines of code to add a class to all divs when a button is clicked. Make up the div class name and the button ID. | | $("button#b2").on("click", function() {
$("div").addClass("bigger");
}); | ^ *\$\(•button#.+•\)\.on\(•click•, function\(\) {\n *\$\(•div•\)\.addClass\(•.+•\);\n *}\); *$ |
| Code the first line that triggers an action when the user clicks in a form field whose ID is "city". | | $("input#city").on("focus", function() { | ^ *\$\(•input#city•\)\.on\(•focus•\, function\(\) { *$ |
| Code the next line. | $("button#b1").on("click", function() {
$("img").hide(); | }); | ^ *}\); *$ |
| Code the first line of code that triggers an event when a form with the ID "contact" is submitted. | | $("form#contact").on("submit", function() { | ^ *\$\(•form#contact•\)\.on\(•submit•, function\(\) { *$ |
| Code the first line of code that triggers an event when any div whose class is "clickable" is clicked. | | $("div.clickable").on("click", function() { | ^ *\$\(•div\.clickable•\)\.on\(•click•, function\(\) { *$ |
| Code the first 2 lines of code that hides all images when a button is clicked. Make up the button ID. | | $("button#b2").on("click", function() {
$("img").hide(); | ^ *\$\(•button#.+•\)\.on\(•click•, function\(\) {\n *\$\(•img•\)\.hide\(\); *$ |
| Code all 3 lines of code to add a class to all divs when a button is clicked. Make up the div class name and the button ID. | | $("button#b2").on("click", function() {
$("div").addClass("bigger");
}); | ^ *\$\(•button#.+•\)\.on\(•click•, function\(\) {\n *\$\(•div•\)\.addClass\(•.+•\);\n *}\); *$ |
| http://jsfiddle.net/ASmarterWayToLearn/fq0ah9pr/ | | | |
| http://jsfiddle.net/ASmarterWayToLearn/9c7mneyp/ | | | |
