From 62c617eda45441cbed14e62e16aecc4cf9d9d7c0 Mon Sep 17 00:00:00 2001
From: jakasulthon <jakasulthon@gmail.com>
Date: Thu, 17 Feb 2022 01:48:01 +0700
Subject: [PATCH] Add dynamic condition result on App.svelte

I added the dynamic condition result example. It would be nice to showing this basic example on the tutorial, Svelte can do many things that is easy to understand even with the beginner.
---
 .../tutorial/04-logic/03-else-if-blocks/app-b/App.svelte | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/site/content/tutorial/04-logic/03-else-if-blocks/app-b/App.svelte b/site/content/tutorial/04-logic/03-else-if-blocks/app-b/App.svelte
index 9102618ff4..999ad41445 100644
--- a/site/content/tutorial/04-logic/03-else-if-blocks/app-b/App.svelte
+++ b/site/content/tutorial/04-logic/03-else-if-blocks/app-b/App.svelte
@@ -1,5 +1,8 @@
 <script>
 	let x = 7;
+	function incrementNumber() {
+		x += 1;
+	};
 </script>
 
 {#if x > 10}
@@ -8,4 +11,8 @@
 	<p>{x} is less than 5</p>
 {:else}
 	<p>{x} is between 5 and 10</p>
-{/if}
\ No newline at end of file
+{/if}
+
+<button on:click={incrementNumber}>
+	Add number
+</button>