Update to simplify and DRY the code even more.

Instead of replicating the entire button, you could just IF/ELSE the button text.

site/content/tutorial/04-logic/02-else-blocks/text.md

@@ -5,15 +5,13 @@ title: Else blocks
 Since the two conditions — `if user.loggedIn` and `if !user.loggedIn` — are mutually exclusive, we can simplify this component slightly by using an `else` block:
 
 ```html
-{#if user.loggedIn}
-	<button on:click={toggle}>
+<button on:click={toggle}>
+	{#if user.loggedIn}
 		Log out
-	</button>
-{:else}
-	<button on:click={toggle}>
+	{:else}
 		Log in
-	</button>
-{/if}
+	{/if}
+</button>
 ```
 
 > A `#` character always indicates a *block opening* tag. A `/` character always indicates a *block closing* tag. A `:` character, as in `{:else}`, indicates a *block continuation* tag. Don't worry — you've already learned almost all the syntax Svelte adds to HTML.