自学javascript之--简易计算器（不兼容IE）

VIP文章无尽自赎

于 2012-12-31 14:39:45 发布

阅读量191

点赞数

本文链接：https://blog.csdn.net/lishenggang1990/article/details/8455229

版权

<!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>
<title></title>

<style>
body { background-color:Gray;
margin:0px;
padding:0px;
}

#bodys
{width:300px;height:400px; background-color:#700000; position:absolute; top:30%;left:40%; cursor:pointer;}

#output
{ margin-top:20px;margin-left:15px;}

#key
{width:100%;height:308px; background-color:#555555; margin-top:30px;}

.size
{width:60px;height:40px;float:left;padding-left:13px; padding-bottom:35px; border-width:1px; border-style:groove; border-color:Gray; font-size:x-large; font-style:italic;}

.clear
{clear:left;}

</style>
</head>
<body>
<div id="bodys">
<textarea id="output" cols="35" rows="3"></textarea>
<div id="key">
<div class="size" οnclick="click_one()">1</div>
<div class="size" οnclick="click_two()">2</div>
<div class="size" οnclick="click_three()">3</div>
<div class="size" οnclick="click_pluse()">+</div>
<div class="size clear" οnclick="click_four()">4</div>
<div class="size" οnclick="click_five()">5</div>
<div class="size" οnclick="click_six()">6</div>
<div class="size" οnclick="click_minus()">-</div>
<div class="size clear" οnclic

最低0.47元/天解锁文章

无尽自赎

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
自学javascript之--简易计算器（不兼容IE）

--> body { background-color:Gray; margin:0px; padding:0px;}#bodys {width:300px;height:400px; background-color:#700000; position:absolute; top:30%;left:40%; cursor:poi
复制链接

扫一扫