Svelte if block

<script>
	let user = { loggedIn: false };
	let toggle = () => user.loggedIn = !user.loggedIn;
</script>

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

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

Source: svelte.dev

Similar codes

0 vote222 views1 answer
Render html view react native
Html
1 vote233 views1 answer
How to innerhtml is empty
Html
-1 vote228 views1 answer
Jquery html button
Html
2 votes236 views1 answer
Align center inner div using bootstrap
Html
1 vote237 views1 answer
Javascript window.print
Html
63 votes198 views1 answer
Open link in new tab grepper
Html
0 vote240 views1 answer
How to call parent method from child component
Html
0 vote224 views1 answer
Dangerously Set innerHTML image
Html
0 vote266 views1 answer
Delete icon in html
Html
0 vote199 views1 answer
Html landing page templates free
Html