js金钱转换为小额的功能

快乐打工仔 分类:实例代码

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

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

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.pipipi.net/" />
<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金钱转换为小额的功能就介绍到这了。

js金钱转换为小额的功能属于前端实例代码,有关更多实例代码大家可以查看

回复

我来回复
  • 暂无回复内容