Блондинка,
на всякий случай
const year = +document.getElementById("YearEntry").value;

рони,
зачем? просто объясни на словах, чтоб я поняла, вроде всё работает и так...

Блондинка,
без плюса это не число, а строка, а значит 8 ,может быть, больше чем 20.

alert("8" > "20");

тут возник вопрос как лучше сверстать html код, в одном блоке находиться десять блоков, как лучше их расположить как в таблице, 2×5, тоесть обе пасхи расположить в ряд, чтобы потом можно было удалить скриптом колонку таблицы с католическими праздниками, и чтобы высота ячеек-блоков была одинакова, что и как лучше использовать грид флексбокс или простую таблицу... ?

Блондинка,
что вам проще) или CSS Grid

попробую объяснить проще, если у таблицы ширина 100 %, то если в строке tr удалить одну из двух ячеек, то просто изменится ширина ячейки...
и высота ячеек в строке всегда одинакова, использовать флекбокс не получится, только грид или таблицы... ???

или используя флексбокс, расположить два блока в ряд задав по 50% ширины, а потом в оба эти блоки поместить по пять блоков, расположив в столбик и задав каждому по 20% высоты...

так что нибудь получится?

Блондинка,
да

рони,
если в скрипте заменить
document.getElementById на document.getElementByClass то можно будет выводить даты эти по несколько раз на странице ведь...

тогда проще создать два дива, в одном с таблицей, в другом просто с 5 блоками и скрывать один из двух блоков в зависимости от введённого года, наверное это самый простой и кросбраузерный вариант...

рони,
если на странице использовать класс вместо ид, то надо в скрипте искать вместо getElementById это getElementsByClassName ?