Изменения при клике JS

Мне надо проверить были ли изменения при клике в iteminfo0_item_name или в iteminfo1_item_name.

<div class="inventory_page_right">
    <h1 class="hover_item_name" id="iteminfo0_item_name"></h1>
    <h1 class="hover_item_name" id="iteminfo1_item_name"></h1>
</div>

В функции сравниваю значение.

    (function() {
        c("start");
        var c = console.log;
        var customEvent = new Event('text:change');
        var iteminfo0 = document.querySelector('#iteminfo0_item_name');
        var iteminfo1 = document.querySelector('#iteminfo1_item_name');
        function someAction(item_name0, item_name1) {
            if(iteminfo0.innerHTML === item_name0){c(1);}
            if(iteminfo1.innerHTML === item_name1){c(2);}
            iteminfo0.dispatchEvent(customEvent);
            iteminfo1.dispatchEvent(customEvent);
            c(3);
        }
        document.addEventListener("click", function(e) {
            if (e.target.classList.contains('inventory_item_link')) {
                var item_name0 = document.getElementById('iteminfo0_item_name').innerHTML;
                var item_name1 = document.getElementById('iteminfo1_item_name').innerHTML;
                someAction(item_name0, item_name1);
            }
        });
    })();

Изменения происходят в одном из iteminfo0_item_name или iteminfo1_item_name а срабатывают все условные операторы.