Skip to main content

Part 1 / Logic / Else-if blocks

Multiple conditions can be 'chained' together with else if:

{#if x > 10}
	<p>{x} is greater than 10</p>
{:else if 5 > x}
	<p>{x} is less than 5</p>
{:else}
	<p>{x} is between 5 and 10</p>
{/if}

Next: Each blocks

1
2
3
4
5
6
7
8
9
10
11
12
13
<script>
	let x = 7;
</script>
 
{#if x > 10}
	<p>{x} is greater than 10</p>
{:else}
	{#if 5 > x}
		<p>{x} is less than 5</p>
	{:else}
		<p>{x} is between 5 and 10</p>
	{/if}
{/if}
initialising