<!-- 模仿计算器的简单计算值 -->
<!-- 总结:因为js是弱运算,+ 号即能用于字符串合并,又能用于数字计算,所以会产生错误的结果
而其它的符号会随计算自动转化 -->
<p>这是一个简单的计算器,能够进行两个数字的加减乘除运算</p>
请输入数字1:<input type="number" id="number1"><br>
请输入数字2:<input type="number" id="number2"><br>
<p>请选择要进行的运算:</p>
<button οnclick="jia()">+</button>
<button οnclick="jian()">-</button>
<button οnclick="cheng()">*</button>
<button οnclick="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>
<!-- 总结:因为js是弱运算,+ 号即能用于字符串合并,又能用于数字计算,所以会产生错误的结果
而其它的符号会随计算自动转化 -->
<p>这是一个简单的计算器,能够进行两个数字的加减乘除运算</p>
请输入数字1:<input type="number" id="number1"><br>
请输入数字2:<input type="number" id="number2"><br>
<p>请选择要进行的运算:</p>
<button οnclick="jia()">+</button>
<button οnclick="jian()">-</button>
<button οnclick="cheng()">*</button>
<button οnclick="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>