fix up event modifiers section

Author: Rich Harris

content/tutorial/01-svelte/05-events/03-event-modifiers/README.md

@@ -6,13 +6,7 @@ DOM event handlers can have _modifiers_ that alter their behaviour. For example,
 
 ```svelte
 /// file: App.svelte
-<script>
-	function handleClick() {
-		alert(+++'no more alerts'+++)
-	}
-</script>
-
-<button on:click+++|once+++={handleClick}>
+<button on:click+++|once+++={() => alert('clicked')}>
 	Click me
 </button>
 ```
@@ -23,9 +17,9 @@ The full list of modifiers:
 - `stopPropagation` — calls `event.stopPropagation()`, preventing the event reaching the next element
 - `passive` — improves scrolling performance on touch/wheel events (Svelte will add it automatically where it's safe to do so)
 - `nonpassive` — explicitly set `passive: false`
-- `capture` — fires the handler during the _capture_ phase instead of the _bubbling_ phase ([MDN docs](https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Building_blocks/Events#Event_bubbling_and_capture))
+- `capture` — fires the handler during the _capture_ phase instead of the _bubbling_ phase ([MDN docs](https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Building_blocks/Events#event_capture))
 - `once` — remove the handler after the first time it runs
 - `self` — only trigger handler if event.target is the element itself
-- `trusted` — only trigger handler if `event.isTrusted` is `true`. I.e. if the event is triggered by a user action.
+- `trusted` — only trigger handler if `event.isTrusted` is `true`, meaning the event was triggered by a user action rather than because some JavaScript called `element.dispatchEvent(...)`
 
 You can chain modifiers together, e.g. `on:click|once|capture={...}`.

content/tutorial/01-svelte/05-events/03-event-modifiers/app-a/src/lib/App.svelte

@@ -1,9 +1,3 @@
-<script>
-	function handleClick() {
-		alert('clicked');
-	}
-</script>
-
-<button on:click={handleClick}>
+<button on:click={() => alert('clicked')}>
 	Click me
 </button>

content/tutorial/01-svelte/05-events/03-event-modifiers/app-b/src/lib/App.svelte

@@ -1,9 +1,3 @@
-<script>
-	function handleClick() {
-		alert('no more alerts');
-	}
-</script>
-
-<button on:click|once={handleClick}>
+<button on:click|once={() => alert('clicked')}>
 	Click me
 </button>