锋利的js之妈妈再也不用担心我找错钱了
用js实现收银功能。
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>xx超市收银系统</title>
<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js">
</script>
<script type="text/javascript">
$(function () {
$('form').submit(function () {
var payable = Number($('#txtPayable').val());//应付
var payment = Number($('#txtPayment').val());//实付
if (payable === payment) {
$('#tdPocket').text(0);
} else if (payable > payment) {
$('#tdPocket').text('您还需再支付' + (payable*10 - payment*10)/10 + '元！');
} else {//需要找零
var yuan = [100, 50, 20, 10, 5, 1];
var jiao = [5, 2, 1];
var msg = '';
var payableYuan = parseInt(payable);
var paymentYuan = parseInt(payment);
var pocketYuan = paymentYuan - payableYuan;//找零元
var surplus = pocketYuan;
$(yuan).each(function() {
if (surplus >= this) {
var count = parseInt(surplus / this);
msg += this + '元' + count + '张';
surplus -= count * this;
}
});
//在js中10.2-10.1=0.09999999999999964，防止小数误差，需要*10
var pocketJiao = parseInt(((payment * 10) - (payable * 10)) - (pocketYuan * 10));//找零角
surplus = pocketJiao;
$(jiao).each(function () {
if (surplus >= this) {
var count = parseInt(surplus / this);
msg += this + '角' + count + '张';
surplus -= count * this;
}
});
msg += '共' + pocketYuan + '.' + pocketJiao + '元';
$('#tdPocket').text(msg);
}
return false;
});
});
</script>
<style type="text/css">
table {
border: 1px solid #0000cd;
} td {
padding: 2px;
} .right {
text-align: right;
} .left {
text-align: left;
width: 50px;
} .center {
text-align: center;
}
</style>
</head>
<body>
<form>
<table border="1" cellpadding="0" cellspacing="0">
<tr>
<td class="right">应付：</td>
<td class="left"><input type="number" id="txtPayable" min="0" step="any" /></td>
</tr>
<tr>
<td class="right">实付：</td>
<td class="left"><input type="number" id="txtPayment" min="0" step="any" /></td>
</tr>
<tr>
<td class="right">找零：</td>
<td class="left" id="tdPocket"></td>
</tr>
<tr>
<td colspan="2" class="center"><input type="submit" value="计算" id="btnCalc" /></td>
</tr>
</table>
</form>
</body>
</html>
效果
样式有点丑，没时间去调。
找零时，从最大面值的钱开始找，找零5.1，找一张5元，而不是找5张1元。
只考现行的第五套人民币面值，不考虑分币，目前几乎不怎么流通分币了。
重点是算出零钱该找出x张y面值的钱，由于js对于小数计算有误差，需要先将小数换算成整数，再转成小数.
js中10.2-10.1结果是0.09999999999999964;
要想得到结果0.1,笨一点的办法(10.2*10-10.1*10)/10=0.1;
有了这款神器，是不是再也不用担心找错钱了?我还是比较喜欢收银员给我多找点钱
:)
如果觉得对你有帮助，请点个赞，谢谢！
不足与错误之处，敬请批评指正！
锋利的js之妈妈再也不用担心我找错钱了的更多相关文章
- 妈妈再也不用担心我找不到spring源码了！
获取spring源码: http://repo.springsource.org/libs-release-local/ http://repo.springsource.org/libs-relea ...
- 有了 tldr，妈妈再也不用担心我记不住命令了
引言 有一次我在培训时说「程序员要善于使用 Terminal 以提高开发效率」,一位程序员反驳道:「这是 21 世纪,我们为什么要用落后的命令行,而不是先进的 GUI?」 是的,在一些人眼里,这个黑黑 ...
- 妈妈再也不用担心别人问我是否真正用过redis了
1. Memcache与Redis的区别 1.1. 存储方式不同 1.2. 数据支持类型 1.3. 使用底层模型不同 2. Redis支持的数据类型 3. Redis的回收策略 4. Redis小命令 ...
- 妈妈再也不用担心我使用git了
妈妈再也不用担心我使用git了 Dec 29, 2014 git git由于其灵活,速度快,离线工作等特点而倍受青睐,下面一步步来总结下git的基本命令和常用操作. 安装msysgit 下载地址:ms ...
- 利用CH341A编程器刷新BIOS，恢复BIOS，妈妈再也不用担心BIOS刷坏了
前几天,修电脑主析就捣鼓刷BIOS,结果刷完黑屏开不了机,立刻意识到完了,BIOS刷错了.就从网上查资料,各种方法试了个遍,什么用处都没有.终于功夫不负有心人,找到了编码器,知道了怎么用.下面看看具体 ...
- python爬虫07 | 有了 BeautifulSoup ，妈妈再也不用担心我的正则表达式了
我们上次做了 你的第一个爬虫,爬取当当网 Top 500 本五星好评书籍 有些朋友觉得 利用正则表达式去提取信息 太特么麻烦了 有没有什么别的方式 更方便过滤我们想要的内容啊 emmmm 你还别说 还 ...
- 有了jsRender，妈妈再也不用担心我用jq拼接DOM拼接的一团糟了、页面整齐了、其他伙伴读代码也不那么费劲了
写在前面 说来也很巧, 下午再做一个页面,再普通不过的分页列表,我还是像往常一样,基于MVC环境下,我正常用PagedList.MVC AJAX做无刷新分页,这时候问题就来了,列表数据中有个轮播图用到 ...
- 妈妈再也不用担心我的移动端了：网易和淘宝的rem方案剖析
从博主学习前端一路过来的经历了解到,前端移动开发是大部分从PC端转战移动端的小伙伴都非常头疼的一个问题,这边博主就根据一篇自己看过的移动开发文章来剖析一下网易和淘宝的rem解决方案,希望能够帮助到一些 ...
- 【C#】妈妈再也不用担心自定义控件如何给特殊类型的属性添加默认值了，附自定义GroupBox一枚
------------------更新:201411190903------------------ 经过思考和实践,发现套路中的第1条是不必要的,就是完全可以不用定义一个名为Default+属性名 ...
随机推荐
- IOS 取消表格单元格 TableViewCell 去掉高亮状态 点击Cell取消选择状态
以下是两种实现效果 1. 自定义cell 继承UITableViewCell 重写 -(void)setSelected:(BOOL)selected animated:(BOOL)animated ...
- 使用response实现文件的下载
package cn.itcast.request; import java.io.FileInputStream;import java.io.IOException;import java.io. ...
- 5X + 2Y +Z = 50 的所有非负整数解
这种题的解题方法都差不多,不停的循环,不过如果做一下细分,效率应该可以提升很多,下面把最常规效率也最低的代码贴上,有时间再优化 #include <iostream> using name ...
- 什么是JavaEE
Java技术不仅是一门编程语言而且是一个平台.同时Java语言是一门有着特定语法和风格的高级的面向对象的语言,Java平台是Java语言编写的特定应用程序运行的环境.Java平台有很多种,很多的Jav ...
- msp430FR5739 FRAM的学习
FRAM,中文名称为铁电存储器..FRAM提供一种与RAM一致的性能,但又有与ROM 一样的非易失性. FRAM 克服以上二种记忆体的缺陷并合并它们的优点,它是全新创造的产品,一个非易失性随机存取储存 ...
- Matlab数字信号处理
产生方波 clear t=0:0.01:10; subplot(4,1,1) f1=square(t); % 产生周期为2pi的方波信号 plot(t,f ...
- ps通道磨皮
1.Ctrl+J 复制一个新图层2.进入通道面板,复制一个噪点最多的通道3.滤镜--其他--高反差保留 (我一般设数值13)4.图像--计算 (混合模式选择强光) 计算3次,得到Alpha3 5.按住 ...
- .net windows 服务创建、安装、卸载和调试
原文:http://blog.csdn.net/angle860123/article/details/17375895 windows服务应用程序是一种长期运行在操作系统后台的程序,它对于服务器环境 ...
- css中的浮动以及清除浮动
对于css中的浮动问题,曾经有一段时间我是懵懵懂懂的感觉,对于float这个属性一直是似懂非懂的赶脚,对于这种让我们一直懵懵懂懂的知识点,我们就需要找个时间点,仔仔细细的去将它搞懂,从这个过程中我们也 ...
- JavaScript 装逼指南
Summary 本文秉承着 你看不懂是你sb,我写的代码就要牛逼 的理念来介绍一些js的装逼技巧. 下面的技巧,后三个,请谨慎用于团队项目中(主要考虑到可读性的问题),不然,leader 干你没商量. ...