분류 전체보기
-
자바스크립트 계산기 만들기 2: 계산기능 구현, 예외처리자바스크립트 2020. 4. 10. 08:26
계산 기능 구현 산술 연산자는 숫자 값을 피연산자로 받아 하나의 숫자 값을 반환합니다. 표준 산술 연산자는 덧셈(+), 뺄셈(-), 곱셈(*), 나눗셈(/)입니다. - MDN 자바스크립트에서 사칙연산과 관련된 산술 연산자는 +, -, *, /이다. 10 + 2 // 12 10 - 2 // 8 10 * 2 // 20 10 / 2 //5 자바스크립트의 eval 함수를 사용하면 계산 기능을 쉽게 구현할 수 있다. eval()은 문자로 표현된 JavaScript 코드를 실행하는 함수이다. 간단한 예로 a 변수에 2 + 3 * 5 연산식을 저장하고 eval 함수에 인자로 a를 넣고 실행하면 식이 계산된다. let a = '2 + 3 * 5' eval(a) // 17 그럼 계속해서 클래스에 compute 메서드를 ..
-
자바스크립트 계산기 만들기 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..