updated jQuery example

john-azzaro · john-azzaro · commit cb049c5b6caa · 2020-02-20T11:10:46.000-08:00
diff --git a/README.md b/README.md
@@ -115,21 +115,24 @@ Each question asks about a given topic for a specific category, like "*What is a
 
 ```JavaScript
 /*
-7. What is an Event Listener?
-/////////////////////////////
+7. How do you use event listeners with jQuery?
+//////////////////////////////////////////////
     • An Event Listener listens for a specific event to happen (i.e. submit, click, etc.) and does 
       something (i.e. callback function).
-    • To take advantage of DOM manipulation, you need to be able to alter the DOM when EVENTS happen.
     • In order to update the DOM, you need to 'listen' for specific events happening.
         • For example:
-             • an app LISTENS when the user submits a form.
-             • an app LISTENS for when the user inputs a search term.
-             • an app LISTENS for when the user clicks on an element in the page to launch an animation.
-    
+             • An app LISTENS when the user submits a form.
+             • An app LISTENS for when the user inputs a search term.
+             • An app LISTENS for when the user clicks on an element in the page to launch an animation.
     • So an EVENT LISTENER has 2 parts:
         1. Specify what event to listen for.
-        2. provide a CALLBACK FUNCTION that runs when the event occurs. */
-   
+        2. provide a CALLBACK FUNCTION that runs when the event occurs. 
+
+    • Use the ".on" method with the event and the callback to implement an event listener.
+        • In the example below, the user listens on main (see event delegation) and, on "click"
+          (of the only button in this study) runs a callback function that increments the counter
+          by one and displays the updated clickCount.
+   */
             function handleClicks() {
                 let clickCount = 0;                                          // Stores click count.
                 $('.click-counter').text(clickCount);                        // show current click count.
@@ -139,15 +142,15 @@ Each question asks about a given topic for a specific category, like "*What is a
                 });
             }
 
-            function setUpEventHandlers3() {
+            function setUpEventHandlers() {
                 handleClicks();
             }
 
-            function initialize3() {
-                setUpEventHandlers3();
+            function initialize() {
+                setUpEventHandlers();
             }
 
-            $(initialize3);
+            $(initialize);
 ```
 
 
