在线计算器源码(HTML+CSS+jQuery)

原创 2015年07月08日 17:46:16

一、简介

最近学习前端内容,做为练习,试开发了一个在线的计算器。

具有如下功能:

    1. +-*/运算;
    2. 开平方根运算;
    3. 支持键盘输入(delete键设置为初始化功能)。

目前存在的BUG:

  1. 输入小数时,初次输入小数点,其会显示在数字最左侧,经测试,应为input标签的问题;
  2. 负数的输入;
  3. 结果为负时,负号(即减号)显示在数字的右侧。

以上1和3两个BUG,均仅为显示问题,影响用户读数,不影响计算。因时间问题,BUG没有处理。仅描述一下解决BUG的思路:1、关于小数占负号显示。可将其以替换字符顺序的方式正确显示。2,负数的输入问题。strNum为初始值时,绕过运算开关,并将负号赋给strNum变量并退出函数。不操作运算符。


未完成的功能:

  1. 百分比计算;
  2. 记忆加减和清除;
  3. 小数点后的保留位数设置和进位法则设置。
留待以后有时间了再写来玩。


二、源代码

源代码都比较简单,就不做更多说明了。(我设想的展示顺序为HTML->CSS ->JS,CSDN给我的展示顺序是CSS->JS->HTML。因引用的是代码片,CSDN也还在学用,不知道怎么修改代码片里文件顺序。有知道的评论告诉一下。)




版权声明:本文为博主原创文章,个人可随意转载使用,但请不要用于商业目的,转载请注明来源。

相关文章推荐

HTML布局之计算器(div+css)

纯布局, 没有功能实现, 代码多但是不难, 可以作为参考. 代码示例: html(div)代码: 计算器 ...

简单的在线计算器

一个简单的计算器 //如果用户单击了计算按钮才存在表单变量,才能接收表单数据和对数据进行验证 //以下if语句判断是否将表单中的两个操作数提交到本页面,如果没有则不执行 if(iss...

采用jquery实现简单的计算器

实现的原理只要是利用jquery eval(string)函数对字符串的计算。 string:必需。要计算的字符串,其中含有要计算的 JavaScript 表达式或要执行的语句。 返回值 ...

基于JQuery的简易计算器

功能1:可以对两个数字进行加、减、乘、除的运算。 功能2:可以使用清除按钮清空当前的所有输入内容。 功能3:可以把多个运算连接起来操作,直到按下等号键,计算器输出正确的运算结果。JS部分代码:$(...

python+flask+html/css+mysql+BAE 打造CSDN简历自动生成系统(附网站完全源码)

1.背景            一直想自己动手x
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)