자바스크립트를 사용하여 네 가지 산술 연산을 구현하는 방법

웹 개발에서 JavaScript는 매우 인기 있는 프로그래밍 언어입니다. JavaScript를 사용하여 간단한 4가지 산술 연산을 구현하는 등 많은 흥미로운 기능을 구현할 수 있습니다. 이 기사를 통해 JavaScript를 사용하여 4가지 산술 연산을 구현하는 방법을 소개합니다.

1. HTML 구조

먼저 HTML 파일을 생성하고 표현식을 입력하기 위한 텍스트 상자, 4개의 연산자에 대한 버튼, 파일에 결과를 표시하기 위한 영역을 추가해야 합니다. HTML 코드는 다음과 같습니다.

nbsp;html>


    <meta>
    <title>用JavaScript实现四则运算</title>


    <input>
    <button>+</button>
    <button>-</button>
    <button>*</button>
    <button>/</button>
    <p></p>
    <script></script>

이 HTML 구조에서는 입력 요소를 입력 표현식의 텍스트 상자로 사용하고, 버튼 요소를 4개의 연산자에 대한 버튼으로 사용하고, 이러한 버튼의 계산 함수에 대한 호출을 추가합니다. 또한 결과를 표시하기 위한 영역도 추가했습니다. p 요소의 id 속성은 결과를 표시하기 위한 영역을 얻기 위해 사용됩니다.

2. JavaScript 코드

다음으로, 네 가지 산술 연산을 구현하기 위한 JavaScript 파일을 작성해야 합니다. JavaScript 코드는 다음과 같습니다.

function calculate(operator) {
    var expression = document.getElementById("expression").value; //获取表达式
    var operArr = expression.split(operator); //分割表达式
    var numArr = []; //存储数字
    for(var i = 0; i <p>이 JavaScript 코드에서는 입력 표현식에 대해 네 가지 산술 연산을 수행하는 계산 함수를 정의합니다. 함수에서는 먼저 document.getElementById("expression").value를 통해 사용자가 입력한 표현식을 얻은 다음, 분할 메소드를 통해 표현식을 두 개의 숫자로 분할하고 두 숫자를 배열에 저장합니다. 그런 다음 switch 문을 통해 4개의 연산자를 다르게 처리하고 최종적으로 document.getElementById("result").innerHTML을 통해 결과를 페이지에 표시합니다. </p><p>3. </p><p>을 사용하여 코드를 작성한 후 브라우저에서 HTML 파일을 열고 표현식을 입력하고 연산자를 선택한 다음 등호를 클릭하면 연산 결과를 가져와 페이지에 표시할 수 있습니다. 아래와 같이 </p><p><img src="https://img.php.cn/upload/article/000/000/068/168075020156607.png" alt="자바스크립트를 사용하여 네 가지 산술 연산을 구현하는 방법" title="자바스크립트를 사용하여 네 가지 산술 연산을 구현하는 방법"></p><p> 4. 요약 </p><p> 이 글의 소개를 통해 우리는 자바스크립트에서 간단한 4가지 산술연산을 구현하는 것이 매우 간단하다는 것을 알 수 있습니다. 몇 가지 기본 JavaScript 구문과 HTML 구조만으로 네 가지 산술 연산을 쉽게 구현할 수 있습니다. 이 기사가 JavaScript를 배우고 사용하는 모든 사람에게 도움이 되기를 바랍니다. </p>

위 내용은 자바스크립트를 사용하여 네 가지 산술 연산을 구현하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!