JavaScript计算器

最新推荐文章于 2024-09-17 21:49:02 发布

justchenjie

最新推荐文章于 2024-09-17 21:49:02 发布

阅读量350

点赞数 1

分类专栏：学习文章标签： javascript button function xhtml equals fun

本文链接：https://blog.csdn.net/justchenjie/article/details/5420240

版权

学习专栏收录该内容

1 篇文章 0 订阅

订阅专栏

<!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=utf-8" />
<title>计算机</title>
<script language="javascript">
var flag,a,b,d="";
function click()
{
window.document.all.num.focus();
var arrBtn=window.document.getElementById("btnBox").getElementsByTagName("BUTTON");
for(i=0;i<arrBtn.length;i++)
{
arrBtn[i].oIndex=i;
}
if(event.srcElement.tagName=="BUTTON")
{
if(event.srcElement.name=="btn")
{
   var c="";
   c=arrBtn[event.srcElement.oIndex].value;
   d=d+c;
   var e=d.substr(0,2);
   if(e=="00")
   {
    d="";
    alert("输入数据不合法！");
   }
   window.document.all.num.value=d;
}
if(event.srcElement.name=="btns")
{
d="";
a=parseFloat(window.document.all.num.value);
window.document.all.num.value="";
flag=arrBtn[event.srcElement.oIndex].value;
}
}
}
function fun(){
b=parseFloat(window.document.all.num.value);
switch(flag){
case "+":
window.document.all.num.value=a+b;
break;
case "-":
window.document.all.num.value=a-b;
break;
case "*":
window.document.all.num.value=a*b;
break;
case "/":
if(b==0)
{
alert("除数不能为0！");
break;
}
window.document.all.num.value=a/b;
break;
default:
break;
}
}
window.document.οnclick=click
</script>
<input type="text" name="num" size="21"/><br />
<fieldset id="btnBox" style="width:220;height:30">
<button name="btn" value="0">0</button>
<button name="btn" value="1">1</button>
<button name="btn" value="2">2</button>
<button name="btn" value="3">3</button>
<button name="btn" value="4">4</button><br />
<button name="btn" value="5">5</button>
<button name="btn" value="6">6</button>
<button name="btn" value="7">7</button>
<button name="btn" value="8">8</button>
<button name="btn" value="9">9</button> <br />
<button name="btn" value=".">.</button>
<button name="btns" value="+">+</button>
<button name="btns" value="-">-</button>
<button name="btns" value="*">*</button>
<button name="btns" value="/">/</button>
</fieldset>
<input type="button" name="equals" value="=" οnclick="fun()" />
<input type="button" name="clear" value="Clear" οnclick="location.reload()"/>
</html>