Как эмулировать нажатие кнопки по нажатию на другую кнопку?

function triggerButton1Click() {
  document.querySelector(".hider-recipient").dispatchEvent(new Event("click"));
}

.hider-recipient {
  display: block;
  margin-top: 20px;
}

<button class="hider" onclick="triggerButton1Click()">Нажать на "Кнопку 1"</button>
<button class="hider-recipient" onclick="console.log('Кнопка 1 clicked')">Кнопка 1</button>

    window.onload = function () {
        let but1 = document.getElementsByClassName('hider')[0]; // Получаем элемент по классу
        let but2 = document.getElementsByClassName('hider-recipient')[0];  // Получаем элемент по классу

        but1.addEventListener('click', function () { // При нажатии первой кнопки
            but2.click(); // нажимаем вторую
        });
        but2.addEventListener('click', function () { // Для демонстрации - при нажатии на вторую кнопку
            console.log('Вторая кнопка нажата'); // выводим сообщение в консоль
        })
    }

<style>
    .hider-recipient {
        display: block;
        margin-top: 20px;
    }
</style>
<button class="hider">Нажать на "Кнопку 1"</button>
<button class="hider-recipient">Кнопка 1</button>