Svelte – Else Blocks

0 min read


Okay guyss yaaa.. balik lagi di channel kita .. hahah lanjut ke Svelte lagi menggunakan else statement… lanjut kita ganti file IfLogin.svelte nya..

<script>
	let user = { loggedIn: false };

	function toggle() {
		user.loggedIn = !user.loggedIn;
	}
</script>

{#if user.loggedIn}
	<button on:click={toggle}>
		Log out
	</button>
{:else}
	<button on:click={toggle}>
		Log in
	</button>
{/if}

resultnya sama dengan if block materi kita yang sebelumnya yaa….

jadi kita gunakan kondisi else aja ya supaya tidak terlalu banyak declarasi dan menghemat code… okay cukup sekian dulu link github ada disini …. cyaa….

Bima Sena

Leave a Reply

Your email address will not be published. Required fields are marked *