일상기록/일상팁

사칙연산 계산기와 script

승승파 2025. 3. 31. 22:56
반응형
사칙연산용 일반 계산기 입니다.
덧셈 뺄셈 곱셈 나눗셈 기능을 제공하며
계산결과 위에 연산과정을 표시합니다.
0
C
7
8
9
+
4
5
6
-
1
2
3
*
0
.
=
/
  • HTML: 기본적으로 계산기 화면과 버튼들을 구성합니다. 각 버튼은 계산기의 숫자, 연산자 및 기능을 처리합니다.
  • JavaScript:
    • clearDisplay: 계산기 화면과 기록을 초기화합니다.
    • appendNumber: 숫자를 입력할 때 호출되어 현재 입력된 값을 갱신합니다.
    • appendDot: 소수점을 추가할 때 호출됩니다.
    • setOperator: 연산자를 설정하고 이전 입력값을 기록합니다.
    • calculate: 입력된 값을 바탕으로 계산을 수행하고 결과를 표시합니다.
    • updateDisplay: 현재 입력값을 화면에 업데이트합니다.
  • CSS: 계산기와 버튼들, 그리고 화면의 스타일을 정의합니다.

위 코드는 HTML, CSS, JavaScript가 어떻게 상호작용하는지에 대한 기본적인 예제입니다.

 

반응형