您的位置:首页 > Web前端 > JavaScript

javascript简单的加减乘除运算

2017-12-05 20:35 369 查看
<!-- 模仿计算器的简单计算值 -->

<!-- 总结:因为js是弱运算,+ 号即能用于字符串合并,又能用于数字计算,所以会产生错误的结果

而其它的符号会随计算自动转化 -->

<p>这是一个简单的计算器,能够进行两个数字的加减乘除运算</p>

请输入数字1:<input type="number" id="number1"><br>

请输入数字2:<input type="number" id="number2"><br>

<p>请选择要进行的运算:</p>

<button onclick="jia()">+</button>

<button onclick="jian()">-</button>

<button onclick="cheng()">*</button>

<button onclick="chu()">/</button> <br>

结果为:<span id="span1"></span>

<script>

// 加法函数

function jia(){

number1 = parseInt(document.getElementById("number1").value);

number2 = parseInt(document.getElementById("number2").value);

var result = number1 + number2;

document.getElementById("span1").innerHTML=result;

}

// 减法函数

function jian(){

number1 = parseInt(document.getElementById("number1").value);

number2 = parseInt(document.getElementById("number2").value);

var result = number1 - number2;

document.getElementById("span1").innerHTML=result;

}

// 乘法函数

function cheng(){

number1 = parseInt(document.getElementById("number1").value);

number2 = parseInt(document.getElementById("number2").value);

var result = number1 * number2;

document.getElementById("span1").innerHTML=result;

}

// 除法函数

function chu(){

number1 = parseInt(document.getElementById("number1").value);

number2 = parseInt(document.getElementById("number2").value);

if(number2==0){

alert("除数不能为0");

}

var result = number1 / number2;

document.getElementById("span1").innerHTML=result;

}

</script>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  javascript 加减乘除