*버튼을 누르면 해당 버튼의 기능과 내용을 띄우는 계산기(형태)*
<HTML>
<CSS>
<화면>
1. doc 변수에 document넣기, button 선택하기 (querySelector -> getElementsByTagName 복합구조)
↓ console에 찍힌 node list
2. 버튼별 기능 함수 만들기
3. 버튼을 누르는 여러 경우 for문 이용하여 만들기
4. 버튼 안의 내용 변수 안에 넣기
5. 버튼 내용이 숫자일 경우 numFunc 실행
6. 버튼 내용이 = 일 경우 resulttFunc 실행
7. 버튼 내용이 C일경우 resetFunc 실행
8. 나머지경우 ( 연산 ) calFunc실행
숫자를 순서대로 누를 경우 console창
'프론트엔드 > JavaScript' 카테고리의 다른 글
| <JS> 유저의 행위(event) (2) 키보드 (0) | 2017.08.11 |
|---|---|
| <JS> 유저의 행위(event) (1) 마우스 (0) | 2017.08.11 |
| <JS> DOM제어하기(2) 자식태그, 부모태그, 형제태그 (0) | 2017.08.10 |
| <JS>DOM 제어하기(1) (0) | 2017.08.10 |
| <JS> 지역변수(local)와 전역변수(global) (0) | 2017.08.05 |