Определение изменения в div

Есть div page_left предметами, предметов может быть много. Если мы кликаем на предмет то его имя записывается в div с id page_right. Делаю первый клик по предмету, то есть по с классу inventory_item_link который завернут в div с классом itemHolder и сперва записывается в div с id iteminfo0_game_name а div с id iteminfo1_game_name остается пустым, при втором клике в div с id iteminfo1_game_name а div с id iteminfo0_game_name остается прежнем, при третьем клике опять в div с id iteminfo0_game_name а div с id iteminfo1_game_name остается прежнем, при четвертом в div с id iteminfo1_game_name а div с id iteminfo0_game_name остается прежнем и так далее. Вопрос как определить и вывести например в консоль div последний измененный, то есть в который записано актуальное имя.

<div class="page" id="page">
    <div class="page_right">
        <div class="iteminfo" id="iteminfo0">
            <div id="iteminfo0_game_name" class="ellipsis"></div>
        </div>
        <div class="iteminfo" id="iteminfo1">
            <div id="iteminfo1_game_name" class="ellipsis"></div>
        </div>
    </div>
    <div class="page_left">
        <div class="itemHolder">
            <a href="" class="inventory_item_link"></a>
        </div>
        <div class="itemHolder">
            <a href="" class="inventory_item_link"></a>
        </div>
        <div class="itemHolder">
            <a href="" class="inventory_item_link"></a>
        </div>
    </div>
</div>

Клин по inventory_item_link

document.addEventListener("click", function(e) {
    if (e.target.classList.contains('inventory_item_link')) {
        ...
    }
});