2017-04-08 152 views
-1

我正在爲客戶製作一個網站,以便他的客戶掌握歌曲。訂單需要包括特定數量的歌曲的價格。我想用javascript來計算總數。例如:1-3首歌曲=每首75美元,4-6首歌曲每首= 65美元等等。我看到一個輸入數字的文本框,並在其後面顯示相對時間計算。任何人都可以伸出援助之手。我幾個星期以來一直在困擾着我的大腦。先謝謝你。使用javascript計算範圍

+3

請出示你已經嘗試了什麼。 Stackoverflow不是*「如何」*教程服務。這裏的想法是幫助你**你的代碼**不按預期方式工作 – charlietfl

+0

你在尋找類似的東西,https://jsfiddle.net/6t97rdxd/? – Neil

回答

0

你可以按照下面的代碼:

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