$("#calculate").click(function(){ var items = $('#items').val().split(", "); var sum = 0; var computation = 0; items.forEach((item)=>{ sum += parseFloat(item); }); if(items && items.length > 0 && items[0] !== "") { computation = sum / items.length; } $('#result').text(parseFloat(computation).toFixed(2)); }); $("input").change(function(){ var isInvalid = $('#itemDiv').hasClass('is-invalid'); if(isInvalid){ $("#add").prop("disabled", true); }else{ $("#add").removeAttr('disabled'); } }); $("#add").click(function(){ var items = $('#items'); var item = $('#item').val(); var list = items.val(); if(item && item.length > 0){ if(list && list.length > 0){ list += ', ' + item; }else{ list = item; } $('#itemList').append("" + item + ""); } items.val(list); });

Enter Item and Press Add Button.

Number required!
Items