使用javascript计算范围
问题描述:
我正在为客户制作一个网站,以便他的客户掌握歌曲。订单需要包括特定数量的歌曲的价格。我想用javascript来计算总数。例如:1-3首歌曲=每首75美元,4-6首歌曲每首= 65美元等等。我看到一个输入数字的文本框,并在其后面显示相对时间计算。任何人都可以伸出援助之手。我几个星期以来一直在困扰着我的大脑。先谢谢你。使用javascript计算范围
答
你可以按照下面的代码:
var data = [
\t \t {
\t \t \t 'lowerLimit' : 1, // if amount is between 1 - 3 then price per piece: $75
\t \t \t 'upperLimit' : 3,
\t \t \t 'price' : 75
\t \t },
\t \t {
\t \t \t 'lowerLimit' : 4, // if amount is between 4 - 6 then price per piece: $65
\t \t \t 'upperLimit' : 6,
\t \t \t 'price' : 65
\t \t }
\t ],
\t songOrder;
function checkPrice(element){
\t return ((element.lowerLimit <= songOrder) && (element.upperLimit >= songOrder));
}
function showPrice() {
\t \t
\t var output = document.getElementById('output'),
\t price;
\t songOrder = document.getElementById('song-amount').value;
\t if(songOrder <= 0) return;
\t \t
\t if(data.find(checkPrice)) {
\t \t price = data.find(checkPrice).price;
\t } else {
\t \t price = 50;
\t }
\t output.innerHTML = 'Total price: $' + songOrder * price;
}
<!DOCTYPE html>
<html>
<head>
\t <title></title>
\t <meta charset="UTF-8">
</head>
<body>
\t <h3>Number of songs?</h3>
\t <input type="number" id="song-amount">
\t <button type="button" onclick="showPrice()">Calculate</button>
\t <p id="output"></p>
</body>
</html>
请出示你已经尝试了什么。 *不是*“如何”*教程服务。这里的想法是帮助你**你的代码**不按预期方式工作 – charlietfl
你在寻找类似的东西,https://jsfiddle.net/6t97rdxd/? – Neil