码迷,mamicode.com
首页 > 编程语言 > 详细

用javascript加减乘除

时间:2017-03-26 22:50:19      阅读:224      评论:0      收藏:0      [点我收藏+]

标签:parse   onclick   doctype   cli   set   meta   12px   text   button   

<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<style>

</style>
</head>
<body>
<div>
<input type="text" size="10" id="num1" />
<select name="sel" id="sel">
<option>+</option>
<option>-</option>
<option>*</option>
<option>/</option>
<option>%</option>
</select>
<input type="text" size="10" id="num2" />
<button onclick="myadd()">=</button>
<input type="text" size="10" id="num3" readonly />
<div id="div11" style="color: red; font-size: 12px;" >

</div>
</div>
<script>
function myadd(){
var div11 = document.getElementById(‘div11‘);
var num1 = document.getElementById(‘num1‘);
var num2 = document.getElementById(‘num2‘);
var num3 = document.getElementById(‘num3‘);
var sel = document.getElementById(‘sel‘);

div11.innerHTML = "";
if(num1.value=="" || isNaN(num1.value) || num2.value=="" || isNaN(num2.value)){
div11.innerHTML = ‘输入的内容不是数字‘;
}else{
if(sel.value==‘+‘){
num3.value = (parseFloat(num1.value) + parseFloat(num2.value)).toFixed(2);
}else if(sel.value==‘-‘){
num3.value = (parseFloat(num1.value) - parseFloat(num2.value)).toFixed(2);
}else if(sel.value==‘*‘){
num3.value = (parseFloat(num1.value) * parseFloat(num2.value)).toFixed(2);
}else if(sel.value==‘/‘){
if(parseFloat(num2.value)==0){
div11.innerHTML = ‘被除数不能为0‘;
}else{
num3.value = (parseFloat(num1.value) / parseFloat(num2.value)).toFixed(2);
}
}else if(sel.value==‘%‘){
if(parseFloat(num2.value)==0){
div11.innerHTML = ‘被除数不能为0‘;
}else{
num3.value = (parseFloat(num1.value) % parseFloat(num2.value)).toFixed(2);
}
}
}
}
</script>
</body>
</html>

用javascript加减乘除

标签:parse   onclick   doctype   cli   set   meta   12px   text   button   

原文地址:http://www.cnblogs.com/ZJBEY/p/6624450.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!