javascript / beginner
Snippet
Einfaches Event-Handling
In Svelte verwendest du die 'on:'-Direktive, um auf DOM-Events zu reagieren. Dies ist der Standardweg, um Benutzerinteraktionen wie Klicks, Mausbewegungen oder Tastatureingaben innerhalb deiner Komponenten zu verarbeiten.
snippet.js
1
2
3
4
5
6
7
8
9
10
<script>let count = 0;function handleClick() {count += 1;}</script><button on:click={handleClick}>Clicks: {count}</button>
svelte
Erklärung
1
on:click={handleClick}
Fügt einen Klick-Event-Listener hinzu, der die Funktion handleClick auslöst.
2
count += 1;
Das Aktualisieren einer lokalen Variable löst in Svelte automatisch eine UI-Aktualisierung aus.