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


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


QQ20151108-0@2x.png



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

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

当然也可以去github上fork我。

[修改于 9年1个月前 - 2015/11/10 14:01:30]

来自:计算机科学 / 软件综合
6
已屏蔽 原因:{{ notice.reason }}已屏蔽
{{notice.noticeContent}}
~~空空如也
novakon 作者
9年1个月前 IP:广东
796094
QQ20151108-1@2x.png


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


下一步计划是让程序直接接受JSON格式的参数与结果,不需要再手动修改display_input_fields()函数。现在可供修改也有好处,用户可以自由决定排版。
引用
评论
加载评论中,请稍候...
200字以内,仅用于支线交流,主线讨论请采用回复功能。
折叠评论
acmilan
9年1个月前 IP:四川
796099
希望实现数值积分功能→_→
引用
评论
加载评论中,请稍候...
200字以内,仅用于支线交流,主线讨论请采用回复功能。
折叠评论
法式油炸薯条
9年1个月前 IP:甘肃
796119
JS大法好
引用
评论
加载评论中,请稍候...
200字以内,仅用于支线交流,主线讨论请采用回复功能。
折叠评论
dome
9年1个月前 IP:广东
796394
看JS中
引用
评论
加载评论中,请稍候...
200字以内,仅用于支线交流,主线讨论请采用回复功能。
折叠评论
novakon作者
9年1个月前 IP:广东
796469
新版本将计算器描述对象放到了单独的js文件中,可直接修改以创作计算器。
允许在求值函数中直接使用用户定义的变量名。


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


QQ20151110-0@2x.png QQ20151110-1@2x.png
引用
评论
加载评论中,请稍候...
200字以内,仅用于支线交流,主线讨论请采用回复功能。
折叠评论

想参与大家的讨论?现在就 登录 或者 注册

所属专业
上级专业
同级专业
novakon
学者 机友 笔友
文章
1256
回复
8386
学术分
16
2008/03/29注册,2年10个月前活动

已走,勿送

主体类型:个人
所属领域:无
认证方式:手机号
IP归属地:未同步
文件下载
加载中...
{{errorInfo}}
{{downloadWarning}}
你在 {{downloadTime}} 下载过当前文件。
文件名称:{{resource.defaultFile.name}}
下载次数:{{resource.hits}}
上传用户:{{uploader.username}}
所需积分:{{costScores}},{{holdScores}}下载当前附件免费{{description}}
积分不足,去充值
文件已丢失

当前账号的附件下载数量限制如下:
时段 个数
{{f.startingTime}}点 - {{f.endTime}}点 {{f.fileCount}}
视频暂不能访问,请登录试试
仅供内部学术交流或培训使用,请先保存到本地。本内容不代表科创观点,未经原作者同意,请勿转载。
音频暂不能访问,请登录试试
支持的图片格式:jpg, jpeg, png
插入公式
评论控制
加载中...
文号:{{pid}}
投诉或举报
加载中...
{{tip}}
请选择违规类型:
{{reason.type}}

空空如也

加载中...
详情
详情
推送到专栏从专栏移除
设为匿名取消匿名
查看作者
回复
只看作者
加入收藏取消收藏
收藏
取消收藏
折叠回复
置顶取消置顶
评学术分
鼓励
设为精选取消精选
管理提醒
编辑
通过审核
评论控制
退修或删除
历史版本
违规记录
投诉或举报
加入黑名单移除黑名单
查看IP
{{format('YYYY/MM/DD HH:mm:ss', toc)}}