Как скрыть ответ api от клиента?

Отфильтровать данные, отдать доступную часть клиенту, запросить у него инфу которая фигурирует в твоём if/else, выполнить логику на сервере и отдать оставшуюся часть в догонку?

Возможно ли воспроизвести аудиофайл после получения разрешения пользователя на воспроизведение аудио 1 раз?

А если попробовать исполнить этот код после клика (тапа)/скролла/движения мышью (событий пойнтера)?

upd: Плюс ко всему, если ты тестишь со своей машины, но тестишь на каком-то удалённом хосте без https - то это и не должно сработать, потому что permission api (даже то-же автовоспроизведение аудио, по-моему) требует https. И чтоб такое тестить - надо выкатывать .crt и .key для localhost, потом поднимать сервер локальный используя эти .crt и .key, регать .crt в браузере и потом только экшн.

Как записать в span какая кнопка выбрана?

Ankhena, ну да, если через точку только.

Как записать в span какая кнопка выбрана?

if(radioEl[i].matches(":checked")){
      /* ... */
}

Element.matches()

Как задать тригер onchange при изменении value?

Александр, rechange это как событие, но которое уже триггерилось :d
Если по сути - за monitorEvents спасибо, не знал что такая тулза есть.

Как реализовать свой простой стейт менеджер для реакта?

Можно реализовать имплементацию сигналов, самую простую. Потом реализовать кастомный хук, который будет в качестве значения использовать эти сигналы. А те самые сигналы можно держать вне компонентов, а это избавляет от пробрасывания состояний и управлений этими состояниями в пропсах дочерних элементов.

Как задать тригер onchange при изменении value?

tgarl, Event и InputEvent - это разное.

Как задать тригер onchange при изменении value?

tgarl, ну вот в обработчике клика, после присвоения input.value значения - вызывай на этом инпуте dispatchEvent.

Как инициировать скрипт при определенной ширине экрана?

Ошибка в том что её нет. Сам mq срабатывает нормально же.

Как задать тригер onchange при изменении value?

Не могу понять что за кастомный селект и чем он триггерится сам. В любом случае можно эту часть вызвать в одном скрипте:

select?.addEventListener('change', e => {
                hiddenInput.value = e.target.value
                hiddenInput.dispatchEvent(hiddenInputEvent)
            })

А эту в другом:

hiddenInput?.addEventListener('change', e => {
                console.log(hiddenInput.value)
            })

Если у тебя не стандартный элемент ввода (не select, как в примере), то вешай вместо 'change' что-то, что можно отследить.