使用HTML、CSS以及JavaScript 编写一个简单计算器

最新推荐文章于 2024-08-12 18:48:17 发布

z宁缺毋滥

最新推荐文章于 2024-08-12 18:48:17 发布

阅读量1.5w

点赞数 13

文章标签： HTML CSS JS

本文链接：https://blog.csdn.net/zyirong/article/details/79690772

版权

学完HTML、CSS、JS后有一个小的程序需要DIY，讲真，刚开始知道是计算器的时候还觉得很简单吧

其实没想到自己真正动手做，还是会有好多细节。

目标：做出像手机上面的简单计算器一样！！！实现基本加减乘除，取相反数，退格，清零

思路：

一、界面的搭建：

在这里，我构建了两个DIV，小的div用来控制将来计算器显示屏，大的div用的放置按键。

<body>
<div id="q"><input type="text" id="q0"/><input type="text" id="q1"/></div>
<div id="a2">
<input type="button" value="AC" id="da" οnclick="cle()"/>
<input type="button" value="←" id="de" οnclick="del()"/>
<input type="button" value="+/-" id="dg" οnclick="result2('dg')"/>
<input type="button" value="/" id="dc" οnclick="fun('dc')"/>
<input type="button" value="7" id="d7" οnclick="fun('d7')"/>
<input type="button" value="8" id="d8" οnclick&