javascript / beginner
Snippet
Boolean-Zustände mit bedingten Ausdrücken anzeigen
Boolean-Werte speichern wahrheitsgemäße oder falsche Zustände. In Svelte-Templates ermöglichen ternäre JavaScript-Operatoren eine dynamische Inline-Formatierung basierend auf Boolean-Zustandsvariablen.
snippet.js
javascript
1
2
3
4
5
6
7
8
9
10
<script>let isSubscribed = false;function toggleStatus() {isSubscribed = !isSubscribed;}</script><p>Status: {isSubscribed ? 'Active' : 'Inactive'}</p><button on:click={toggleStatus}>Toggle</button>
svelte
Erklärung
1
let isSubscribed = false;
Initialisiert eine boolesche Variable zur Darstellung des Abonnement-Status.
2
isSubscribed = !isSubscribed;
Invertiert das Boolean-Flag mithilfe des logischen NOT-Operators.
3
<p>Status: {isSubscribed ? 'Active' : 'Inactive'}</p>
Wertet das Boolean inline aus und gibt 'Active' bei true und 'Inactive' bei false aus.