$("#calculate").click(function(){ var items = $('#items').val().split(", "); var frequencies = $('#frequencies').val().split(", "); var sizeMap = new Map(); var cf = 0; var start = 0; for(var i= 0; i < frequencies.length; i++){ start = cf; cf += parseFloat(frequencies[i]); for(var j=start; j < cf;j++){ sizeMap.set(j+1, items[i]); } } var computation = 0; if(items && items.length > 0 && items[0] !== ""){ if(cf % 2 == 0){ var firstTermIndex = cf/2; var secondTermIndex = cf/2 + 1; computation = (parseFloat(sizeMap.get(firstTermIndex)) + parseFloat(sizeMap.get(secondTermIndex)))/2; $('#result').text(parseFloat(computation).toFixed(2)); }else{ var firstTermIndex = (cf - 1)/2; computation = sizeMap.get(firstTermIndex); $('#result').text(parseFloat(computation)); } } }); $("input").change(function(){ var isInvalid = $('#itemDiv').hasClass('is-invalid') || $('#frequencyDiv').hasClass('is-invalid'); if(isInvalid){ $("#add").prop("disabled", true); }else{ $("#add").removeAttr('disabled'); } }); $("#add").click(function(){ var items = $('#items'); var item = $('#item').val(); var listOfItems = items.val(); var frequencies = $('#frequencies'); var frequency = $('#frequency').val(); var listOfFrequencies = frequencies.val(); if(item && item.length > 0 && frequency && frequency.length > 0){ if(listOfItems && listOfItems.length > 0){ listOfItems += ', ' + item; listOfFrequencies += ', ' + frequency; }else{ listOfItems = item; listOfFrequencies = frequency; } $('#itemList').append("" + item + ""); $('#frequencyList').append("" + frequency + ""); } items.val(listOfItems); frequencies.val(listOfFrequencies); });

Enter Item & Frequency (Ascending Order) and Press Add Button.

Number required!
Number required!
Items
Frequency