JSFiddle - React, Tailwind, and code Playground

HTML

<input type="hidden" class="code" barcode="567" total_quantity="3" name="product1" value="Nokia rita" id="product-10105">
<input type="hidden" class="code" barcode="567" total_quantity="3" name="product1" value="Nokia rita" id="product-10105">
<input type="hidden" class="code" barcode="567" total_quantity="3" name="product1" value="Nokia rita" id="product-10105">
<input type="hidden" class="code" barcode="200" total_quantity="3" name="product1" value="book" id="product-200">

JavaScript

var code = [];
var count = [];
$("input.code").each(function(){
    var c = $(this).attr("barcode");    
    if(code.indexOf(c) >= 0){
        count[code.indexOf(c)] += 1;
    }
    else{
        code.push(c);
        count.push(1);
    }
});
for(var i=0;i<code.length;i++){
    $("body").append("<p>Barcode:"+code[i]+" Count:"+count[i]+"</p>");
}