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>
<!-- 总结:因为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>
相关文章推荐
- 由于Java的简单类型不能够精确的对浮点数进行运算,这个工具类提供精 确的浮点数运算,包括加减乘除和四舍五入。
- css3 calc():css简单的数学运算-加减乘除
- Java之计算机简单的加减乘除运算以及连续的加法,减法,乘法,除法运算
- [C++]利用逆波兰式,简单实现下加减乘除的混合运算
- loner_li 机试题 编写一个简单的计算器实现加减乘除:输入两个数字和一个运算符号,输出结果(注意容错性)
- css3 calc():css简单的数学运算-加减乘除
- 透过Javascript一些变量定义及简单运算实验看JS内部运行机制
- 简单工厂模式--加减乘除运算
- JavaScript实现简单的四则运算
- css3 calc():css简单的数学运算-加减乘除
- JavaScript页面的简单运算
- JavaScript基于DOM操作实现简单的数学运算功能示例
- JavaScript 四则运算(加减乘除小数运算)避免损失精度
- [C++]利用逆波兰式,简单实现下加减乘除的混合运算
- javascript的浮点运算 加减乘除
- 用javascript的下拉列表菜单中选中所需要运算的数值来实现简单的加法运算
- JavaScript 四则运算:加减乘除
- javascript 涉及float的精确加减乘除运算
- linux之shell:数值运算:简单加减乘除
- javascript加减乘除的简单实例