logo

자바스크립트 계산기

우리가 알고 있듯이, 계산자 다음과 같은 다양한 수학 기능을 수행하기 위해 일상 생활에서 사용되는 휴대용 장치입니다. 덧셈, 뺄셈, 곱셈, 나눗셈 , 루트 등. 그러나 삼각함수, 도, 지수 연산자, 로그 함수, 쌍곡선 함수, 제곱근 등과 같은 복잡한 작업을 해결하는 데 사용되는 과학적이고 정교한 계산기가 있습니다. 이번 주제에서는 JavaScript로 계산기 프로그램을 만들어 보겠습니다.

예 1: JavaScript, HTML 및 CSS 프로그래밍 언어를 사용하여 JavaScript 계산기를 만듭니다.

Build.html

사용자 이름
 JavaScript Calculator h1 { text-align: center; padding: 23px; background-color: skyblue; color: white; } #clear{ width: 270px; border: 3px solid gray; border-radius: 3px; padding: 20px; background-color: red; } .formstyle { width: 300px; height: 530px; margin: auto; border: 3px solid skyblue; border-radius: 5px; padding: 20px; } input { width: 20px; background-color: green; color: white; border: 3px solid gray; border-radius: 5px; padding: 26px; margin: 5px; font-size: 15px; } #calc{ width: 250px; border: 5px solid black; border-radius: 3px; padding: 20px; margin: auto; } <table class="table"> <tr> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> </tr> </table> 
지금 테스트해보세요

산출

위 프로그램을 어떤 브라우저에서든 실행하면 아래와 같은 이미지가 나옵니다.

자바스크립트 계산기

이제 다음과 같이 숫자 버튼을 눌러 JavaScript 계산기에서 여러 작업을 수행합니다.

자바스크립트 계산기

작업을 수행한 후 '를 클릭합니다. = '(같음) 버튼을 누르면 JavaScript 계산기' 표시 결과 .

np.연결
자바스크립트 계산기

또한, B( 뒤쪽에 ) 버튼을 누릅니다. 완전히 보이는 숫자를 제거하려면 C( 취소 ) 버튼을 계산기에서 선택하세요.