使用javascript计算范围

问题描述:

我正在为客户制作一个网站,以便他的客户掌握歌曲。订单需要包括特定数量的歌曲的价格。我想用javascript来计算总数。例如:1-3首歌曲=每首75美元,4-6首歌曲每首= 65美元等等。我看到一个输入数字的文本框,并在其后面显示相对时间计算。任何人都可以伸出援助之手。我几个星期以来一直在困扰着我的大脑。先谢谢你。使用javascript计算范围

+3

请出示你已经尝试了什么。 *不是*“如何”*教程服务。这里的想法是帮助你**你的代码**不按预期方式工作 – charlietfl

+0

你在寻找类似的东西,https://jsfiddle.net/6t97rdxd/? – Neil

你可以按照下面的代码:

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>

enter image description here