jQuery实现一个简单的计算器

现在是下午2点50分,眼睛和肩膀都有点酸,脑子有点木。

整理下做计算器的过程和结果:

1,表格布局按键和区域:

一个6行的表格。第一和第二行分别是两个type=“text”的<input>,宽度占据了四列的宽度,colspan="4",分别是输入和输出的显示行。第三行有两列,分别是清零和退位按键。给每个按键标记id和value.

2,脚本写的时候思路真的很重要,代码的逻辑块很凌乱,结构和可读性差,进入状态就得一会功夫啊。

  2.1按照按键分类:

    如果按下小数点,但输入中已经包含了一个小数点时,此时按键无效;

    如果按下0,且之前无输入值时,此时按键无效,如果还有按键0一直按下,则按键仍无效;

    如果输入值的长度过大,则按键无效;

如果按下小数点,但此前无输入值或输入值为0时,则存储当前输入值为"0.";

如果按下0,且输入值长度大于1时,则认为当前输入有效,依次存储到输入值中;

    如果按下的1-9或.,则依次存储到输入中;

    如果按下运算符号+-*/,将输入值转化成浮点型存储到number1中,并清空输入值,将当前的运算符号存储在mysi中;

    如果按下=,将输入值转化成浮点型存储到number2中,并清空输入值,按照已存储的mysi的运算符号、number1,进行计算;

  2.2

输入值、输出值的实时显示。

2.3

最后考虑清零键,退位键和输入输出建立关系,并完善。

3,多次测试,查bug。

   

结果:功能基本完成。

体会:2/3的时间是最后输入值和输出值的实时显示,真的有点不可思议。有可能是前面的部分功能已实现,沾沾自喜、盲目大意。一个特别清醒的状态做最后的完善真的很重要,这两天杂事多,状态不好。

最初的逻辑框架清晰简洁很重要,就像建筑物的根基。根基太浅,负重过大,代码很累赘。孔隙太小,塞砖头的地方太少,房子空间太小,太局限了。

最后的完善部分往往能画龙点睛、锦上添花,但是这点我真的做的不好。

善始善终,勉励自己。

    

时间: 2024-11-09 05:04:38

jQuery实现一个简单的计算器的相关文章

JS实现一个简单的计算器

使用JS完成一个简单的计算器功能.实现2个输入框中输入整数后,点击第三个输入框能给出2个整数的加减乘除.效果如上: 第一步: 创建构建运算函数count(). 第二步: 获取两个输入框中的值和获取选择框的值. 提示:document.getElementById( id名 ).value 获取或设置 id名的值. 第三步: 获取通过下拉框来选择的值来改变加减乘除的运算法则. 提示:使用switch判断运算法则. 第四步:  通过 = 按钮来调用创建的函数,得到结果. 注意: 使用parseInt

使用JS完成一个简单的计算器功能

使用JS完成一个简单的计算器功能.实现2个输入框中输入整数后,点击第三个输入框能给出2个整数的加减乘除. 提示:获取元素的值设置和获取方法为:例:赋值:document.getElementById("id").value = 1: 取值:var = document.getElementById("id").value: 任务 第一步: 创建构建运算函数count(). 第二步: 获取两个输入框中的值和获取选择框的值. 提示:document.getElement

Swift之旅:1.概述-用Swift实现一个简单的计算器

学习所用到的资源: 斯坦福大学公开课:iOS 8开发 网易空开课地址链接:斯坦福大学公开课:IOS8开发 github上字幕链接:字幕 百度网盘资源下载链接:百度网盘 1.详解IOS编程的四个层 ①cocoa touch层 这是我们最长用到的层,里面最长用到的当然是最基础的控件 ②媒体层(Media) ③核心服务层 ④核心操作系统层 2.新建一个Swift的IOS工程 ①打开Xcode,按照图示新建一个工程 ②选择Application 然后 单击Sigle View Application.

JQuery中一个简单的表单验证的实例

html代码如下: <!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> <meta http-equiv=&quo

第一次来博客园先用jquery写一个简单菜单收缩效果

<!DOCTYPE html> <html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head>    <meta charset="utf-8" />    <title></title>    <script src="jquery-1.7.2.min.js"></script&g

初学者如何做一个简单的计算器,代码分享

先新建一个类 startCalculator 声明如下 #import <Foundation/Foundation.h> @interface StartCalculator : NSObject //声明两个要计算的变量 @property float opValue1; @property float opValue2; //声明一个运算符 @property char op; //普通方法 //- (float) gzyWorkAdd; // //- (float) gzyWorkSu

jQuery实现一个简单的购物车功能

最近由于工作需要的原因,开始系统学习jQuery的知识,然后跟着一个视频教程做了一个购物车的功能,现总结如下. 第一步:准备HTML页面,代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.

使用qt制作一个简单的计算器

前言:今天使用qt制作了一个很简单的计算器,觉得挺有意思的,所以在这里跟大家分享一下. 这里先跟大家说说使用到的函数: 一.槽连接函数 connect(信号发送者,发送的信号,信号接收者,信号接收者的槽函数) //前面我有一篇文章已经介绍过槽函数的使用了,大家有兴趣可以看看,这里就不详细说了.  二.取出按钮中的字符 QString line = ui->pushButton1->text() //取出按钮pushButton1中的字符存放到line中 三.设置输入框中显示的内容 ui->

JAVA编写的一个简单的计算器

做的项目里面有一个是计算器的.做得比较简单,只是普通的加减乘除等于小数点负号删除退格等,其他功能如科学计算.进制转换,其实难度也不大,就是懒得去弄那些.整个程序可以说是自己独立完成的吧,因为没什么花哨,无非就是运算时条件多弄点,让程序不出BUG. 周末在家设置了一下字体和输入框,搞大了点,看着也舒服了点.当然,这界面很普通,没啥特色.整个代码也没啥特色,刚开始写了些,其他的就复制,回来才发现代码太多了,不过懒得改,所以整个代码也没用到方法.这完全是一大败笔,所以,没打算用这个当毕业答辩.嘿嘿,有