Пользователь вводит количество проданных кофе за весь день
по формуле ( кофе1_мл * кофе1_колличество)+(кофе2_мл*кофе2_колличество).....(кофе3_мл..)= "Вы израсходовали всего"+ itogoml +" мл";
если будет 100 позиций,как мне упростить код до цикла или сделать его проще?
<input type="hidden" id="cofe1" value="1.50">
<input type="hidden" id="cofe2" value="3.40">
<button onClick="jQuery('#N1').val(parseInt(jQuery('#N1').val())-1);jQuery('#N1').change();">-</button>
<input type="number" id="N1" value="0" placeholder="Колличество проданных шт">
<button onClick="jQuery('#N1').val(parseInt(jQuery('#N1').val())+1);jQuery('#N1').change();">+</button>
<br>
<button onClick="jQuery('#N2').val(parseInt(jQuery('#N2').val())-1);jQuery('#N2').change();">-</button>
<input type="number" id="N2" value="0" placeholder="Колличество проданных шт">
<button onClick="jQuery('#N2').val(parseInt(jQuery('#N2').val())+1);jQuery('#N2').change();">+</button>
<button onClick="raschitat();">Рассчитать стоимость</button>
<div id="vsegostuk"></div>
<div id="vsegoml"></div>
<div id="summaprod"></div>
<script type="text/javascript">
function raschitat() {
var a = parseInt(document.getElementById('N1').value);
var b = parseInt(document.getElementById('N2').value);
var c = a + b ;
document.getElementById('vsegostuk').innerHTML = a + " + " + b + " = " + c;
var cofe1 = parseFloat(document.getElementById('cofe1').value);
var cofe2 = parseFloat(document.getElementById('cofe2').value);
var itogoml = (cofe1 * a) + (cofe2 * b) ;
document.getElementById('vsegoml').innerHTML = "Вы израсходовали всего"+ itogoml +" мл";
summaprod = c * 10;
document.getElementById('summaprod').innerHTML = "Вы сегодня продали товаров на сумму "+ summaprod +" р";
}
</script>