자바스크립트계산기
-
자바스크립트 계산기 만들기 1: 계산기 꾸미기, 계산식 입력자바스크립트 2020. 3. 30. 23:38
css 그리드와 자바스크립트를 이용해서 계산기 만들기 계산기 개발 순서 1. 계산기 뼈대 만들기 2. 계산기 꾸미기 3. 버튼 클릭 시 input에 텍스트 추가 4. AC 기능 구현 5. 계산 기능 구현 (=버튼) 6. 예외 처리 계산기 뼈대 만들기 필요한 태그 숫자, 연산자를 클릭할 수 있는 에 그리드를 적용하기 위한 버튼 클릭 시 값을 입력받을 AC ÷ 7 8 9 × 4 5 6 - 1 2 3 + 0 . = 계산기 꾸미기 그리드 레이아웃으로 버튼 정렬 /* style.css */ main { width: 300px; } .button-wrap { display: grid; /* 한 줄에 4개씩, 모두 동일한 비율 적용(1:1:1:1) */ grid-template-columns: repeat(4, 1f..