js实现计算器
来源:互联网 发布:安卓系统源码网盘下载 编辑:程序博客网 时间:2024/06/15 14:53
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>js实现计算器</title>
<script type="text/javascript">
/*
isNaN is not a number? 是否不是一个数字
不是数字 "sdf" true
10 false
*/
//点击事件触发的方法
function js(op){
//得到第一个元素
var yi=document.getElementById("one");
//非空验证
if(yi.value==""||yi.value.length==0){
alert("不能为空!");
yi.focus(); //获得焦点
return;
}
//判断是否是数字
if(isNaN(yi.value)){
alert("输入的内容无效,请输入有效的数字格式.");
yi.focus();
yi.value="";
return;
}
//得到第二个元素
var er=document.getElementById("two");
//非空验证
if(er.value==""||er.value.length==0){
alert("不能为空!");
er.focus(); //获得焦点
return;
}
//判断是否是数字
if(isNaN(er.value)){
alert("输入的内容无效,请输入有效的数字格式.");
er.focus();
er.value="";
return;
}
//为加号的时候一定要强转,不然加号会变成连接符 1+1=11
var r;
switch(op){
case "+":
r=parseFloat(yi.value)+parseFloat(er.value);break;
case "-":
r=yi.value-er.value;break;
case "*":
r=yi.value*er.value;break;
case "/":
r=yi.value/er.value;break;
}
//给结果框赋值
document.getElementById("result").value=r;
}
</script>
</head>
<body>
<form>
第一个数:<input type="text" id="one"/><br/>
第二个数:<input type="text" id="two"/><br/>
<input type="button" value="+" onclick="js('+')"/>
<input type="button" value="-" onclick="js('-')"/>
<input type="button" value="*" onclick="js('*')"/>
<input type="button" value="/" onclick="js('/')"/><br/>
计算结果:<input type="text" id="result"/>
</form>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>js实现计算器</title>
<script type="text/javascript">
/*
isNaN is not a number? 是否不是一个数字
不是数字 "sdf" true
10 false
*/
//点击事件触发的方法
function js(op){
//得到第一个元素
var yi=document.getElementById("one");
//非空验证
if(yi.value==""||yi.value.length==0){
alert("不能为空!");
yi.focus(); //获得焦点
return;
}
//判断是否是数字
if(isNaN(yi.value)){
alert("输入的内容无效,请输入有效的数字格式.");
yi.focus();
yi.value="";
return;
}
//得到第二个元素
var er=document.getElementById("two");
//非空验证
if(er.value==""||er.value.length==0){
alert("不能为空!");
er.focus(); //获得焦点
return;
}
//判断是否是数字
if(isNaN(er.value)){
alert("输入的内容无效,请输入有效的数字格式.");
er.focus();
er.value="";
return;
}
//为加号的时候一定要强转,不然加号会变成连接符 1+1=11
var r;
switch(op){
case "+":
r=parseFloat(yi.value)+parseFloat(er.value);break;
case "-":
r=yi.value-er.value;break;
case "*":
r=yi.value*er.value;break;
case "/":
r=yi.value/er.value;break;
}
//给结果框赋值
document.getElementById("result").value=r;
}
</script>
</head>
<body>
<form>
第一个数:<input type="text" id="one"/><br/>
第二个数:<input type="text" id="two"/><br/>
<input type="button" value="+" onclick="js('+')"/>
<input type="button" value="-" onclick="js('-')"/>
<input type="button" value="*" onclick="js('*')"/>
<input type="button" value="/" onclick="js('/')"/><br/>
计算结果:<input type="text" id="result"/>
</form>
</body>
</html>
0 0
- JS实现科学计算器
- js实现简易计算器
- js简单实现计算器
- js实现简易计算器
- js实现计算器
- js实现简单计算器
- js实现简单计算器
- Js实现简单计算器
- JS实现简单计算器
- 原生js实现计算器
- Js实现简单计算器
- js-计算器实现
- 【JS】:JS实现网页计算器
- js实现的科学计算器
- 用js实现简易计算器
- js+一点jq实现计算器
- JS+CSS实现小计算器
- js实现简单的计算器
- JAVA之旅【第三天】 逻辑运算符 三元运算符 键盘录入 if switch
- javascript中函数的声明方式
- js实现正则表达式验证手机号码
- 下位机单片机c语言发送数据到串口,上位机pc机java语言获取端口数据
- js实现选中下拉框选项变换背景颜色
- js实现计算器
- Adroid Error:android library project can not launch
- UISwitch
- js实现复制文本框内容
- Activity的启动模式
- js中DOM里面的属性,方法
- 命令模式-c++实现
- js实现点击按钮变换背景颜色
- 二分查找