mirror of https://github.com/sveltejs/svelte
19 lines
319 B
19 lines
319 B
6 years ago
|
<script>
|
||
6 years ago
|
let count = 1;
|
||
|
|
||
|
// the `$:` means 're-run whenever these values change'
|
||
6 years ago
|
$: doubled = count * 2;
|
||
6 years ago
|
$: quadrupled = doubled * 2;
|
||
6 years ago
|
|
||
|
function handleClick() {
|
||
|
count += 1;
|
||
|
}
|
||
|
</script>
|
||
|
|
||
|
<button on:click={handleClick}>
|
||
6 years ago
|
Count: {count}
|
||
6 years ago
|
</button>
|
||
|
|
||
6 years ago
|
<p>{count} * 2 = {doubled}</p>
|
||
2 years ago
|
<p>{doubled} * 2 = {quadrupled}</p>
|