스벨트를 사용하면 코드를 아주 짧게 작성할 수 있습니다. 다음 그림과 같은 더하기 프로그램을 만들고 코드를 살펴보겠습니다.

▲ 그림 1-1 더하기 프로그램

더하기 프로그램은 사용자가 두 개의 input 박스에 값을 바꾸면 하단에 두 개의 값을 더해주는 연산식과 결과를 보여줍니다. 전체 코드는 다음과 같습니다.

더하기 프로그램 스벨트 코드

<script>
    let a = 1;
    let b = 2;
</script>

<input type="number" bind:value={a}>
<input type="number" bind:value={b}>

<p>{a} + {b} = {a + b}</p>