> 웹 프론트엔드 > JS 튜토리얼 > 자바스크립트에서 덧셈, 뺄셈, 곱셈, 나눗셈을 구현하는 방법

자바스크립트에서 덧셈, 뺄셈, 곱셈, 나눗셈을 구현하는 방법

醉折花枝作酒筹
풀어 주다: 2023-01-05 16:08:14
원래의
8326명이 탐색했습니다.

JavaScript에서 덧셈, 뺄셈, 곱셈 및 나눗셈을 구현하는 방법: 먼저 "document.getElementById('id').value"를 사용하여 두 숫자의 값을 가져옵니다. 2. "+", "-", "*를 사용합니다. " 및 "/" 연산 기호 산술 연산을 수행하고 결과를 얻습니다.

자바스크립트에서 덧셈, 뺄셈, 곱셈, 나눗셈을 구현하는 방법

이 튜토리얼의 운영 환경: Windows 7 시스템, JavaScript 버전 1.8.5, Dell G3 컴퓨터.

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
<title>加减乘除运算</title>
</head>
<body>
    <h1 align="center">加减乘除运算</h1>
    <div id="" align="center">
        数值A:<input type="number" id="a" /> </br>
        数值B:<input type="number" id="b" /> </br>
        结果:<input type ="number" id="c"> </br>
        <input type="button" value="加" οnclick="jia()">
        <input type="button" value="减" οnclick="jian()" >
        <input type="button" value="乘" οnclick="cheng()">
        <input type="button" value="除" οnclick="chu()">
    </div>
</body>
<script type="text/javascript">
function jia(){//加法
    var a=document.getElementById(&#39;a&#39;).value;
    var b=document.getElementById(&#39;b&#39;).value;
    var c=document.getElementById(&#39;c&#39;);
    c.value=Number(a)+Number(b);
}
function jian(){//减法
    var a=document.getElementById(&#39;a&#39;).value;
    var b=document.getElementById(&#39;b&#39;).value;
    var c=document.getElementById(&#39;c&#39;);
    c.value=Number(a)-Number(b);
}
function cheng(){//乘法
    var a=document.getElementById(&#39;a&#39;).value;
    var b=document.getElementById(&#39;b&#39;).value;
    var c=document.getElementById(&#39;c&#39;);
    c.value=Number(a)*Number(b);
}
function chu(){//除法
    var a=document.getElementById(&#39;a&#39;).value;
    var b=document.getElementById(&#39;b&#39;).value;
    var c=document.getElementById(&#39;c&#39;);
    c.value=Number(a)/Number(b);
}
</script>
</html>
로그인 후 복사

추천 학습: javascript 비디오 튜토리얼

위 내용은 자바스크립트에서 덧셈, 뺄셈, 곱셈, 나눗셈을 구현하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿