/JS-Calculator

A simple calculator app made with Vanilla Javascript.

Primary LanguageJavaScript

PREVIEW

preview

CALCULATOR

A calculator app mimicked iphone's calculator in Vanilla Javascript


VERSION 1.0

  • 사칙연산: + - * /
  • 퍼센트: %
  • 부호 토글: +/-
  • 계산기를 클래스로 구현
  • AC 기능: 0 으로 초기화
  • 연산자를 클릭할 때마다 결과 업데이트

VERSION 2.0

  • C(CE) 기능: 마지막 연산의 숫자를 지우기 (3+13+)
  • 버튼 클릭 시 순간적으로 색이 변하는 기능 추가
  • . 을 여러 번 누르면 계속 추가되는 현상 해결
  • 처음부터 . 과 숫자를 입력하면 .xxx 가 되는 현상 해결
  • 0을 여러 번 입력하면 다시 0으로 초기화되는 현상 해결

LESSONS LEARNED

  • NumberString 함수로 숫자와 문자열 변환하기
  • 이벤트 객체를 매개변수로 받아서 target속성 활용하기
  • Git branch 생성하고 Pull Request 해보기
  • includes 메서드로 문자열 안에 해당 문자가 있는지 확인하기
  • active로 버튼 클릭 시에 색이 변하도록 하는 CSS 기능