首页 > 蚂蚁部落 > 正文

js金钱转换为小额的功能
2017-08-29 10:16:30   来源:   评论:0 点击:

有时候需要将一个较大金额的钱换算为较小金额的。下面的这段代码就实现了这样的功能,代码实例如下:[HTML] 纯文本查看 复制代码& 36816;&

有时候需要将一个较大金额的钱换算为较小金额的。

下面的这段代码就实现了这样的功能,代码实例如下:

[HTML] 纯文本查看 复制代码运行代码
<!doctype html><html><head><meta charset="utf-8"><meta name="author" content="http://www.softwhy.com/" /><title>蚂蚁部落</title><style media="screen">.main {  width: 400px;  height: 400px;  margin: auto;  padding: 20px;}.denomination {  width: 100px;  height: 30px;  margin-bottom: 10px;}.exchange {  height: 40px;}.rmb {  width: 150px;  border: 1px solid rgb(99,184,255);}.half, .twenty, .ten, .five, .one {  width: 100px;  height: 20px;  margin-top: 10px;  margin-left: 8px;}</style></head><body>  <div class="main">    <input class="denomination" type="text" name="name" value="">    <input class="exchange" type="button" name="name" value="兑换">    <div class="rmb">      <div class="half">        50元:      </div>      <div class="twenty">        20元:      </div>      <div class="ten">        10元:      </div>      <div class="five">        5元:      </div>      <div class="one">        1元:      </div>    </div>  </div></body><script>  var denom = document.querySelector('.denomination');  var exchange = document.querySelector('.exchange');  var half = document.querySelector('.half');  var twenty = document.querySelector('.twenty');  var ten = document.querySelector('.ten');  var five = document.querySelector('.five');  var one = document.querySelector('.one');  exchange.onclick = exchangeMoney;  function exchangeMoney() {    a = denom.value;    var reg = /^d+$/;    if (reg.test(a) == true) {      M50 = parseInt(a / 50);      M20 = parseInt((a % 50) / 20);      M10 = parseInt((a % 50 % 20) / 10);      M5 = parseInt((a % 50 % 20 % 10) / 5);      M1 = a % 50 % 20 % 10 % 5;      half.innerHTML = '50元:' + M50 + '张';      twenty.innerHTML = '20元:' + M20 + '张';      ten.innerHTML = '10元:' + M10 + '张';      five.innerHTML = '5元:' + M5 + '张';      one.innerHTML = '1元:' + M1 + '张';    } else if (a.length == 0) {      alert('请输入金额');    } else {      alert('内容必须是整数数字');    }  }</script></html>

相关热词搜索:

上一篇:js不使用第三个变量交换两个变量的值
下一篇:js判断指定元素是否在浏览器可视区域

分享到: 收藏
评论排行