svelte/documentation/tutorial/02-reactivity/01-reactive-assignments/text.md

---
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:

```svelte
<button on:click={incrementCount}>
```

Inside the `incrementCount` function, all we need to do is change the value of `count`:

```js
function incrementCount() {
	count += 1;
}
```

Svelte 'instruments' this assignment with some code that tells it the DOM will need to be updated.