Skip to content

Commit c89b709

Browse files
committed
Update [Part 2 / Bindings / Component bindings]
Reduced boilerplate code. Seriously, guys X) if you create an awesome tool, use it!
1 parent 420dd37 commit c89b709

File tree

1 file changed

+3
-9
lines changed
  • content/tutorial/02-advanced-svelte/05-bindings/06-component-bindings/app-a/src/lib

1 file changed

+3
-9
lines changed

content/tutorial/02-advanced-svelte/05-bindings/06-component-bindings/app-a/src/lib/Keypad.svelte

Lines changed: 3 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -11,15 +11,9 @@
1111
</script>
1212

1313
<div class="keypad">
14-
<button on:click={select(1)}>1</button>
15-
<button on:click={select(2)}>2</button>
16-
<button on:click={select(3)}>3</button>
17-
<button on:click={select(4)}>4</button>
18-
<button on:click={select(5)}>5</button>
19-
<button on:click={select(6)}>6</button>
20-
<button on:click={select(7)}>7</button>
21-
<button on:click={select(8)}>8</button>
22-
<button on:click={select(9)}>9</button>
14+
{#each [1, 2, 3, 4, 5, 6, 7, 8, 9] as i}
15+
<button on:click={select(i)}>{i}</button>
16+
{/each}
2317

2418
<button disabled={!value} on:click={clear}
2519
>clear</button

0 commit comments

Comments
 (0)