I have two dynamically created buttons which have click listener. On local web server it works fine, but on a server (AWS EC2 insance) it gives an error:

$('#controlButtonsDiv').append('<button id="reduceButton" value="'+ parseInt(element.quantity) +'" data-article='+element.title+' class="py-2 hover:text-gray-700" onclick="reduce(this)"'> 



        function add(button)
        {
          let prevData = JSON.parse(sessionStorage.getItem(button.dataset.article));
          let quantityChanged = prevData.quantity;
            update({quantity: ++quantityChanged}, button.dataset.article);
            location.reload();
        }
    
        function reduce(button)
        {
          let prevData = JSON.parse(sessionStorage.getItem(button.dataset.article));
          let quantityChanged = prevData.quantity;
            update({quantity: --quantityChanged}, button.dataset.article);
            location.reload();
        }
    

Why is this happening and how could it be fixed?