You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
svelte/site/content/tutorial/02-reactivity/01-reactive-assignments/text.md

21 lines
556 B

---
title: Assignments
---
At the heart of Svelte is a powerful system of *reactivity* for keeping the DOM in sync with your application state — for example, in response to an event.
To demonstrate it, we first need to wire up an event handler. Replace line 9 with this:
```html
<button on:click={handleClick}>
```
Inside the `handleClick` function, all we need to do is change the value of `count`:
```js
function handleClick() {
count += 1;
}
```
Svelte 'instruments' this assignment with some code that tells it the DOM will need to be updated.