19 lines
319 B

<script>
6 years ago
let count = 1;
// the `$:` means 're-run whenever these values change'
$: doubled = count * 2;
6 years ago
$: quadrupled = doubled * 2;
function handleClick() {
count += 1;
}
</script>
<button on:click={handleClick}>
6 years ago
Count: {count}
</button>
6 years ago
<p>{count} * 2 = {doubled}</p>
<p>{doubled} * 2 = {quadrupled}</p>