간단한 카운터 프로그램

1. index.html

 

2. app.js

* const button ~ -> class name이 "btn" 인 모든 요소들을 button에 저장

* const value ~ -> id 값이 'value' 인 요소를 value에 저장

* button.addEventListener -> 버튼들에 이벤트를 생성

* const styles = e.currentTarget.classList --> e 는 현재 이벤트가 발생하는 요소, currentTarget 이벤트가 발생한 타겟(button), classList -> 타겟(button) 들의 class list (decrease, increase, reset)

* 첫번째 if문 -> 누르는 버튼에 따른 count 를 +, - , reset 처리

* 두번째 if문 -> count 값이 0이상이면 녹색, 0이하면 빨간색, 0이면 검은색으로 지정

* value.innterHTML  ~ --> count 값을 출력

>> 아래처럼 나오려면 styles.css 파일이 필요