文号
t77710
阅读
5641
回复
6
收藏
4
JavaScript网页计算器模板
2015/11/08
IP:广东
今天花了好几个小时学习JS,就为了弄这破东西。希望学完了能帮大家省点时间。
用JavaScript制作网页计算器,由来已久。然而一上手就会发现有好多东西需要弄(至少要懂HTML+JS),如果对JS与HTML的共存关系理解不透彻,或者没有接受过正规的计算机科学教育,最后代码一定会变得很臃肿,很凌乱,很难改动。


这个网页计算器有点像下面这样:


QQ20151108-0@2x.png



目前的这个版本是alpha,只提供基本功能。具体使用非常简单:用编辑器打开html文档,照着里面源代码的样子,稍作复制黏贴就可以了。

[旧版本删除,请去下面下载新版本]

当然也可以去github上fork我。
[ 修改于11年1个月前 - 2015/11/10 14:01:30 ]
novakon作者
11年1个月前IP:广东
796094
1楼
QQ20151108-1@2x.png


这截图里有两个对象,第一个是t1,它代表Time参数。parambox(t1)可以生成一个输入框并显示在网页上;g(t1)在代码中表示获得t1输入框的值(用于计算)。第二个是p1,它代表Power计算结果。resultget(p1)可以生成一个计算结果并显示在网页上;r(p1)在代码中表示获得p1的计算值(用于后续计算);p1.formula() 方法所包含的函数,揭示了p1的计算方式。可以用任意javascript语句替换掉这个计算过程,完成各种复杂的计算。


下一步计划是让程序直接接受JSON格式的参数与结果,不需要再手动修改display_input_fields()函数。现在可供修改也有好处,用户可以自由决定排版。
引用
评论
11年1个月前IP:四川
796099
2楼
希望实现数值积分功能→_→
引用
评论
11年1个月前IP:甘肃
796119
3楼
JS大法好
引用
评论
11年1个月前IP:广东
796394
4楼
看JS中
引用
评论
novakon作者
11年1个月前IP:广东
796469
5楼
新版本将计算器描述对象放到了单独的js文件中,可直接修改以创作计算器。
允许在求值函数中直接使用用户定义的变量名。


attachment icon calculatorTemplate.zip 2.37KB ZIP 25次下载


QQ20151110-0@2x.png QQ20151110-1@2x.png
引用
评论
笔记
{{note.content}}
{{n.user.username}}
{{fromNow(n.toc)}} {{n.status === noteStatus.disabled ? "已屏蔽" : ""}} {{n.status === noteStatus.unknown ? "正在审核" : ""}} {{n.status === noteStatus.deleted ? '已删除' : ''}}
  • 编辑
  • 删除
  • {{n.status === 'disabled' ? "解除屏蔽" : "屏蔽" }}
我也是有底线的