Update readme.md

Author: yhabib

25 - Event Capture, Propagation, Bubbling and Once/readme.md

@@ -3,7 +3,8 @@
 ## Notes
 
 This exercises uses a set of nested **divs** with a **click** event attached
-to each of them.
+to each of them:
+
 ```html
 <div class="one">
 <div class="two">
@@ -21,7 +22,8 @@ divs.forEach(div => div.addEventListener('click', logText));
 1. The user clicks the `<div class="three">`.
 2. Then the browser ripples down, so goes from the most external element to the deepest one and captures 
 all off the events binded to them. This process is called **Event Capture**. This process has the aim to 
-figure it out what the user has clicked on.
+figure it out what the user has clicked on:
+
 ```javascript
 // The browser stores the events in this order
 // Event attached to <div class="one">
@@ -30,7 +32,8 @@ figure it out what the user has clicked on.
 ```
 
 3. At this moment the events are not fired yet. So starting from the bottom, the browser does something called **bubble up**
-and fires each of these events.
+and fires each of these events:
+
 ```javascript
 // The browser fires the events in this order
 // Event attached to <div class="three">
@@ -45,7 +48,8 @@ and fires each of these events.
 }));
 ```
 So now when the browser captures each of the events, it will inmediately fire them. That means that 
-the handler for the event is not going to get run on the *buble up* but rather on the *capture down*.
+the handler for the event is not going to get run on the *buble up* but rather on the *capture down*:
+
 ```javascript
 // The browser fires the events in this order
 // Event attached to <div class="one">
@@ -54,18 +58,20 @@ and fires each of these events.
 ```
 
 4. We can also call **stop propagation** in the event handler, this way it will stop a **buble up** process, 
-firing only the deepest event, or viceversa.
+firing only the deepest event, or viceversa:
+
 ```javascript
 function logText(e) {
 console.log(this.classList.value);
 e.stopPropagation();
 }
 // now the the browser only fires the one event because capture=true
 // Event attached to <div class="one">
-'''
+```
 
 * Last but not least, **Once** is a very new feature in the browser, that allows to listen for an event and then unbinds
 itself, so the event will never be triggered again:
+
 ```javascript
 divs.forEach(div => div.addEventListener('click', logText, {
 capture: false,