Svelte에서 간단한 카운터 앱 빌드

안녕 친구, 오늘 이 섹션에서는 svelte를 사용하여 간단한 카운터 앱(증가 및 감소)을 빌드할 것입니다.

날렵한 카운터 앱 예시



1) 날씬한 인라인 클릭 이벤트 핸들러를 사용하여 간단한 카운터 앱을 빌드합니다.

<script>
    let count = 0;
</script>

<button on:click={() => count -= 1}>-</button>
<span>{ count }</span>
<button on:click={() => count += 1}>+</button>


2) 매끄러운 클릭 이벤트를 사용하는 카운터 앱.

<script>
    let count = 0;
    function increment(){
        count += 1;
    }

    function decrement() {
        count -= 1;
    }
</script>

<button on:click={increment}>-</button>
<span>{ count }</span>
<button on:click={decrement}>+</button>



좋은 웹페이지 즐겨찾기