colors 배열을 선언하고 네 개의 색을 담았습니다. 그리고 센서의 동작에 해당하는 반응 상태 코드를 만들었습니다. 배열을 콘솔 로그로 남기는 코드입니다.

assignment 함수는 배열의 pop() 메서드를 이용하여 colors 배열의 색상을 한 개씩 지우게 했습니다. 지울 때마다 결과를 로그로 남겼습니다.

button 엘리먼트 안에 on:click={assignment} 코드를 작성하여 버튼의 클릭 이벤트와 assignment 함수를 연결(bind)해주었습니다.

화면의 p 엘리먼트 안에서 색상을 나열하고 개수도 표시해줍니다. 작성이 완료되면 브라우저에서 다음과 같이 확인할 수 있습니다.

▲ 그림 5-8 감지에 따른 동작 확인하기