Day 1: title formatting coherence, other edits

step1-03/exercise/index.html

@@ -28,16 +28,33 @@ button {
 <div class="favorites"></div>
       </pre>
       <pre data-lang="js">
-/*        
-1. Create a function named `getFavs` and set its contents to `alert('clicked')`
-2. Create a variable `button` and set it to a reference to our button by using `document.querySelector('button')`
-3. Add a click event listener to the button that calls `getFavs`. Click the button and make sure it calls our alert.
-4. Replace the alert with a new `favList` variable set to an empty array: `[]`
-5. Create a const variable `inputs` set to all of the inputs on the page. `querySelectorAll` will help here
-6. Iterate over all of the inputs using `for (const input of inputs) {}`
-7. For each iteration use an `if` statement to check if `input.checked` is equal to true
-8. If the above tests passes, push the `input.parentNode.textContent` onto the `favList` array. Pass that text into `favList.push()` as the parameter to add it to the array
-9. Outside of the for loop, use `document.querySelector('.favorites')` to target the div at the bottom of the page. Set the div's `textContent` to `favList.join(' ')`. This will join each of the foods together into a string separated by a space.
+/*
+1. Create a function named `getFavs`. Inside, run:
+    alert('clicked')
+
+2. Create a variable `button` and set it to a reference to our button using:
+    document.querySelector('button')
+
+3. Add a click event listener to the button that calls `getFavs`.
+   Click the button and make sure the alert is displayed.
+
+4. Replace the `alert` call with a new `favList` variable set to an empty array: []
+
+5. Create a const variable `inputs` set to all of the inputs on the page.
+   `querySelectorAll` will help here.
+
+6. Iterate over all of the inputs using:
+    for (const input of inputs) {}
+
+7. In each iteration, use an `if` statement to check if `input.checked` is equal to true
+
+8. If the above tests passes, push the `input.parentNode.textContent` into the `favList`
+   array by passing the text as a parameter to `favList.push()`
+  - `push` is a built-in array method: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/push
+
+9. Outside of the for loop, use `document.querySelector('.favorites')` to target the
+   div at the bottom of the page. Set the div's `textContent` to `favList.join(' ')`.
+   This will join each of the foods together into a string separated by a space.
 */
 
       </pre>