文档介绍：该【HTML网版计算器PPT课件 】是由【梅花书斋】上传分享，文档一共【11】页，该文档可以免费在线阅读，需要了解更多关于【HTML网版计算器PPT课件 】的内容，可以使用淘豆网的站内搜索功能，选择自己适合的文档，以下文字是截取该文章内的部分文字，如需要获得完整电子版，请下载此文档到您的设备，方便您编辑和打印。HTML/CSS/JS网页制作
计科1404
林源 张伟 张凯旋
高银恺 潘行
网页版计算器
计算器形状为420px*420px的正方形，每个小方框尺寸为70px*100px。显示框为70px*420px。“Del”键和“=”键为70px*210px。数字和“del”键采用的是纤长的宋体，其他的是默认字体。
显示窗口可以显示15位的数值，为了以便，这里显示格式设定为从右对齐。
在点开该网页的时候，计算器占据中间偏下的位置，符合人们的使用习惯。同步按键尽量的大，让顾客可以迅速点击。
这款网页版计算器的代码关键是getElementById获取按键所代表的字符相加及eval()函数将字符串转化为语句执行。
显示框
数字及加减乘除按键
函数捕捉字符，缀连成字符串
点击“=”按键
eval()函数执行，赋值给显示框的value属性
（1）
（1）
（2）
（2）
（2）
注：
（1）第一种过程，输入将要执行的字符串。
（2）将字符串转化为代码执行，并在文本框显示。
没有人跟你说我最讨厌看图吗？
本来这样简单
，初步设计界面
源代码：
显示样式：
用input下的text属性制作文本框显示内容，其他用botton属性制作按键，同步用table布局。
你懂了吗
在style属性下设置控件的高（height）和长（width）。Font-family设置字体。Color设置字体颜色。Value为控件显示的值。
样表
代码
选择一张喜欢的图片，在background中写该图片的地址，即可设置为背景。
4在javescript中写函数
定义对象str和numresult。定义函数onclicknum()。这个函数的功能是通过id获取字符并将之缀连在一起形成字符串。
定义函数onclickclear()。这个函数的功能是，当按下Del时触发，清空文本框的所有内容。
定义函数onclickresult()。将字符串通过eval()函数运算，将成果赋值给对象的value属性，也就是文本框显示的内容。
我就是这样喜欢张杰（闰土）
计算器的样式千变万化，但只要掌握了关键代码，任何样式都可以做出来！