인터랙션 학습

버튼, 토글, 상태 피드백 등 사용자 액션 중심으로 구성합니다.

이미지

인터랙션 학습 이미지

프롬프트

"버튼 hover/active 상태를 명확히 보여주는 UI를 만들어줘."

코드

$('.demo-btn').on('click', function () {
    $(this).toggleClass('is-active');
});