Calculator Project

🎉 Calculator Project는 HTML, CSS, JavaScript를 이용해 간단한 계산기 기능을 구현한 웹 애플리케이션이다.
기본적인 사칙연산과 이전 입력 기록 기능을 포함한다.

📝 목차

• 프로젝트 소개
• 설치 및 실행 방법
• 기능 설명

프로젝트 소개

기본적인 계산 기능을 구현하는 예제 웹 애플리케이션

• 사칙연산 (덧셈, 뺄셈, 곱셈, 나눗셈)
• 숫자 및 연산자 입력
• 결과 계산 및 연속 계산
• 특수키 (%, +/-)
• 계산 히스토리
• 버튼 hover, active

바닐라 자바스크립트로 기능을 구현. (+ 기본 HTML / CSS)

설치 및 실행 방법

이 프로젝트는 간단한 정적 웹 애플리케이션이므로, 로컬 환경에서 쉽게 실행할 수 있다.

1. 프로젝트 클론:

   git clone https://github.com/Nagi-ei/oz-js-calculator.git
   cd oz-js-calculator
   

2. 파일 실행::
   • index.html 파일을 브라우저에서 열어 계산기를 실행

기능 설명

기본 계산

• 숫자 및 연산자 입력: 버튼을 통해 숫자와 사칙연산 기호를 입력
• 결과 계산: = 버튼을 눌러 입력된 수식의 결과를 계산
• = 대신 다른 연산자 눌러서 결과를 구하고 그 결과값 뒤에 연산자를 추가
• 화면 초기화 C: 모든 입력값을 지우고 화면을 초기화

기능 키

• ±: 양수/음수 전환
• %: % 계산
• Del: 마지막 입력 문자 삭제

이전 입력 기록

• 이전에 입력한 내용을 확인하여 전쳬 계산식을 확인할 수 있다.

스타일링

• 버튼 hover, active 효과: 버튼에 마우스를 올리거나 클릭할때 색상이 변경
• 특수 버튼: C, Del 등의 특수 버튼은 색상을 다르게 설정하여 주요 기능을 강조

동작 화면