2017-04-08 6 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

関連する問題