NAHB

Потому что метод document.getElementsByTagName ничего не нашёл. Нельзя получить доступ к элементу, которого ещё не существует в момент выполнения скрипта.

Что-то вроде этого?

let result = [];
targets.forEach(function(target) {
	result.push(target.idList.map( id => categories.find( category => category.id === id) ));
});

<button class="year" name="date">
Year
</button>
<button class="mouth" name="date">
Mouth
</button>
<button class="day" name="date">
Day
</button>

let buttons = document.getElementsByName("date");
for(let btn of buttons) {

    btn.addEventListener("click", function(e) {
        e.target.dataset.ready = true;
  
        let isReady = true;
        for(let btn of buttons) {
            if(!btn.dataset.ready) {
               isReady = false;
            }
        }
        
        if(isReady) {
    	    console.log("Сюда можете вставить ваш код");
        }
  });
  
}