2017-04-08 4 views
-1

Ich baue eine Website für einen Kunden, der Lieder für seine Kunden master wird. Das Bestellformular muss Preise für bestimmte Nummernbereiche von Liedern enthalten. Ich möchte JavaScript verwenden, um die Summen zu berechnen. Zum Beispiel: 1-3 Songs = $ 75 pro Stück, 4-6 Songs = $ 65 pro Stück und so weiter. Ich sehe ein Textfeld für die Eingabe der Nummer und die Rel-Time-Berechnung erscheint danach. Kann mir jemand helfen? Ich habe mich wochenlang damit beschäftigt. Vielen Dank im Voraus.Berechnung von Bereichen mit Javascript

+3

Bitte zeigen Sie, was Sie versucht haben. Stackoverflow ist kein Tutorial-Lernprogramm. Die Idee hier ist, Ihnen mit ** Ihrem Code ** zu helfen, der nicht wie erwartet funktioniert – charlietfl

+0

Sind Sie auf der Suche nach etwas wie https://jsfiddle.net/6t97rdxd/? – Neil

Antwort

0

können Sie diesen Code folgen:

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