¿Hay alguna manera de que los botones de esta celda tengan la función de hacer clic?

En este momento, esta celda solo devuelve los botones (en div.button-group ) pero su funcionalidad de clic no funciona.

 buildLegendButtons = { $('button.prev').click(function(){ let i = parseInt($(this).attr('index')); if($(this).hasClass('active')){ i = i-1; $(this).attr('index',i); $('.next').attr('index',i); $('.next').removeClass('deactive').addClass('active'); if (i === 0) { $('.prev').addClass('deactive').removeClass('active'); } } }) $('button.next').click(function(){ let i = parseInt($(this).attr('index')); if($(this).hasClass('active')){ i = i+1; $(this).attr('index',i); $('.prev').attr('index',i); $('.prev').removeClass('deactive').addClass('active'); if (i === insights.length-1) { $('.next').addClass('deactive').removeClass('active'); } } }) return html` <div class='button-group' style='padding-left: 15px'> <button class='horizontal-buttons deactive prev' index='0'><</button> <button class='horizontal-buttons active next' index='0'>></button> </div>`; }