html代码。
doctype html>html>head>style type=text/css>body,#content,#te,#sa,#main-content,ul,li{margin:0 auto;padding:0;font-weight:bold;font-size:50px;}#content{width:300px;height:400px;border:1px solid gray;padding:0px;}.main-content{width:300px;height:250px;border:1px solid red;overflow:hidden;background-color:#bc8f8f;}#te{width:300px;height:80px;border:1px solid black;background:#ffd700;text-align:right;}.main-content ul li{list-style:none; width:60px; height:50px; border:1px solid black; border-radius:10px; display:block; float:left; text-align:center; cursor:pointer;margin:4px;background-color:#c0c0c0;}#mybtn{width:80px;height:40px;}style>head>body>label>label>div id=content> div id=te>p id=sa/>p> div> div class=main-content> ul class=ulclass> li>7li> li>8li> li>9li> li>+li> li>4li> li>5li> li>6li> li>-li> li>1li> li>2li> li>3li> li>*li> li>0li> li>.li> li>=li> li>/li> ul>div>input type=button value=清除id=mybtn/>div>script type=text/javascript>var lk=document.getelementbyid(sa);var btn=document.getelementsbytagname(li)[0];btn.onclick=function(){lk.textcontent+=7; };var btn=document.getelementsbytagname(li)[1];btn.onclick=function(){lk.textcontent+=8; };var btn=document.getelementsbytagname(li)[2];btn.onclick=function(){lk.textcontent+=9; };var btn=document.getelementsbytagname(li)[3];btn.onclick=function(){lk.textcontent+=+; };var btn=document.getelementsbytagname(li)[4];btn.onclick=function(){lk.textcontent+=4; };num5:var btn=document.getelementsbytagname(li)[5]; btn.onclick=function(){ lk.textcontent+=5; };mum6:var btn=document.getelementsbytagname(li)[6]; btn.onclick=function(){ lk.textcontent+=6; };var btn=document.getelementsbytagname(li)[7]; btn.onclick=function(){ lk.textcontent+=-; };var btn=document.getelementsbytagname(li)[8]; btn.onclick=function(){ lk.textcontent+=1; };var btn=document.getelementsbytagname(li)[9]; btn.onclick=function(){ lk.textcontent+=2; };var btn=document.getelementsbytagname(li)[10]; btn.onclick=function(){ lk.textcontent+=3; };var btn=document.getelementsbytagname(li)[11]; btn.onclick=function(){ lk.textcontent+=*; };var btn=document.getelementsbytagname(li)[15]; btn.onclick=function(){ lk.textcontent+=/; };var btn=document.getelementsbytagname(li)[12]; btn.onclick=function(){ lk.textcontent+=0; };var btn=document.getelementsbytagname(li)[13]; btn.onclick=function(){ lk.textcontent+=.; }; result:var btn=document.getelementsbytagname(li)[14]; btn.onclick=function(){ lk.textcontent=(lk.textcontent+=).tostring()+eval(lk.textcontent);};clear:var gg=document.getelementbyid('mybtn') gg.onclick=function(){ lk.innerhtml=; }script>body>html>
代码