Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
Tags
- 서비스 기획
- UI
- db
- 코딩
- 회고
- 데이터
- 코드스테이츠
- kpt회고
- 서비스 기획자
- PM부트캠프
- PO
- 자바스크립트
- 회고록
- javascript
- 서비스기획
- 서비스분석
- PM
- 쇼핑몰
- tag
- jquery
- UX
- CSS
- html
- 스프링부트
- 프로젝트 매니저
- 프로덕트 매니저
- SpringBoot
- 데이터분석
- 스프링
- 생활코딩
Archives
- Today
- Total
목록html 계산기 (1)
콘텐츠기획자의 IT입문서
HTML로 계산기 만들기 (feat.input 태그)
맥북 계산기 따라 만들기 계산기 구조 form, input 태그만으로 계산기 구성한다. 계산기 결과창 및 버튼인 input 태그들을 div로 감싼 뒤 id를 주어 묶는다. input태그들의 클래스는 버튼 색상을 참고하여 result, clear, zero, operator로 구성. type이 button인 input 태그는 버튼 클릭시 document.forms.result.value로 작동하도록 구성. CSS를 통해 스타일 디자인 음.. 그리드로 해서인지 result 부분만 별도 높이 조절을 못하겠다 ^_ㅠ 그래서 아직은 미완성이나 작동은 잘 됨!
HTML, CSS
2021. 9. 4. 22:06