设计一个简单的网页版的计算器

 最终效果图

设计一个简单的网页版的计算器_第1张图片


 1. 首先创建一个表单,在表单中插入一个五行五列的 表格,合并单元格  并且插入按钮之后如图所示。

其中 插入的文本框为只读类型。

       数字的每个按钮的value都是对应的数值。

 将数字通过按钮在文本框中显示的方法

设计一个简单的网页版的计算器_第2张图片


 首先定义几个变量,让每个按钮都给予对应的value值,让它一次相加。此时显示的数据类型是字符串类型。

运算加减乘除以及取余的方法

设计一个简单的网页版的计算器_第3张图片


当点击运算符时,首先会将前面文本框显示的字符串通过强制转换为数字类型保存在num1中,并且清空文本框信息,

通过switch判断执行哪种 运算,当点击”=“按钮时进行运算。并将所有的信息都清空。

选择输入数字正负的方法



将负号添加到字符串前面,同时输出结果。强制类型转换的时候会同时转化过去。

输入错误需要删除一位的方法

设计一个简单的网页版的计算器_第4张图片


定义一个变量 使它等于原来的字符串减一,并将它赋值给原来的字符串。

清空的方法

设计一个简单的网页版的计算器_第5张图片


初始化所有的定义的变量


在我做的时候遇到的问题有几点:

1.在运算的时候 后面没有把定义的变量给初始化,以至于当完成一个运算后继续点等号会一直执行之前的运算。


你可能感兴趣的:(web)