<style>
div {width:300px; height:500px; border:5px; background:#ccc; position:absolute; left:600px; top:50px;}
#txt {width:295px; height:25px; text-align:right;}
#btn1 {width:50px; height:30px;}
#btn2 {width:50px; height:30px; float:right;}
li {list-style:none;}
li { float:left; width: 30px; height: 30px; margin: 20px; background:#fff;}
li h4 {font-size:10px; text-align:center;}
</style>
<script>
window.onload=function()
{
var oTxt=document.getElementById('txt');
var oBtn1=document.getElementById('btn1');
var oBtn2=document.getElementById('btn2');
var oUl=document.getElementById('div');
var aLi=oUl.getElementsByTagName('h4');
oTxt.value=https://bbs.csdn.net/topics/0;
oBtn1.onclick=function()
{
oTxt.value=https://bbs.csdn.net/topics/0;
}
for(var i=0;i<aLi.length;i++)
{
aLi[i].onclick=function()
{
if(oTxt.value=https://bbs.csdn.net/topics/=0)
{
oTxt.value=https://bbs.csdn.net/topics/this.innerHTML;
}
else
{
oTxt.value+=this.innerHTML;
}
var str=[aLi[9],aLi[11],aLi[12],aLi[13]];
var sum1=0,sum2=0;
for(var j=0;j<str.length;j++)
{
str[j].onclick=function()
{
sum1=parseInt(oTxt.value);
oTxt.value='';
aLi[14].onclick=function()
{
sum2=parseInt(oTxt.value);
if(str[0])
{
oTxt.value=https://bbs.csdn.net/topics/sum1+sum2;
}
else if(str[1])
{
oTxt.value=https://bbs.csdn.net/topics/sum1-sum2;
}
else if(str[2])
{
oTxt.value=https://bbs.csdn.net/topics/sum1*sum2;
}
else if(str[3])
{
oTxt.value=https://bbs.csdn.net/topics/sum1/sum2;
}
else
{
oTxt.value;
}
}
}
}
}
oBtn2.onclick=function()
{
oTxt.value = oTxt.value.replace(/.$/,'')
}
}
}
</script>
</head>
<body>
<div id="div">
<input id="txt" type="text"/>
<input id="btn1" type="button" value="https://bbs.csdn.net/topics/AC" />
<input id="btn2" type="button" value="https://bbs.csdn.net/topics/Del" />
<ul>
<li><h4>1</h4></li>
<li><h4>2</h4></li>
<li><h4>3</h4></li>
<li><h4>4</h4></li>
<li><h4>5</h4></li>
<li><h4>6</h4></li>
<li><h4>7</h4></li>
<li><h4>8</h4></li>
<li><h4>9</h4></li>
<li><h4>+</h4></li>
<li><h4>0</h4></li>
<li><h4>-</h4></li>
<li><h4>*</h4></li>
<li><h4>/</h4></li>
<li><h4>=</h4></li>
</ul>
</div>
</body>
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/42289.html
標籤：JavaScript