Обратиться к дочернему элементу html при клике по самому элементу

Есть иконка поверх кнопки:

<button data-type="lock">
    <i class="fa-solid fa-lock-open"></i>
</button>

Вопрос: как обратиться к иконке, даже если клик был по самой кнопке (между иконкой м границей кнопки)? В обученмм предлагается так:

const node = event.target.tagName.toLowerCase() === 'i'
        ? event.target
        : event.target.children[0]

Проблема в том, что даже в образце срабатывает только случай "event.target.children[0]". Подскажите, как решить или как нагуглить развернутое поясненме