Как поймать код JS решения — «вкл/выкл» звука, и только звука?

Question

[Darya Shvakh]

Добрый день.
Есть сайт
На сайте реализовано - вкл/выкл звука!
Скажите пожалуйста как при помощи DevTools поймать - код JS?
Есть пониманиена данном уровне

Comments

[Stalker_RED]

Ваши ссылки ведут на главную тостера

[Darya Shvakh]

Stalker_RED, да-да уже исправлено. Спасибо.

[Darya Shvakh]

Stalker_RED, а как дошкольникам объяснить - как Вы получили такой результат? и так быстро:)
Если не трудно:
1) Нажимаем - Х
2) Нажимаем - Y
3) Нажимаем - ?
Спасибо!

[Stalker_RED]

ПКМ по элементу, открыл в инспекторе, увидел у родителя класс "borderNav--sound", предположил, что вполне вероятно обработчик привязан именно к нему. В исходниках ctrl+F.
Все.

Не то чтобы так всегда можно было найти, но примерно в 90% случаев все вот так вот просто, без всяких брейкпоинтов.

[Darya Shvakh]

Stalker_RED, волшебник)
Спасибо!

Answer 1

[Stalker_RED]

Answer 2

[Игорь]

prntscr.com/ibfsur надеюсь понятно выделил

Comments

[Darya Shvakh]

Игорь, а для того, что бы найти этот кусок JS кода существует какой - нибудь "инструмент" как стрелочка во вкладке Elements, при помощи которой мы получаем class="borderNav--item-text", можно было бы так-же элементарно узнать - код JS?
Или для этого всё-таки нужно примерно ориентироваться в JS и предполагать где (в какой папке, в моём случае - components) искать - borderNav.
Спасибо, и простите за темноту:(

[Игорь]

Daria Shvakh, я бы сказал, что в JS надо довольно хорошо разбираться, чтобы такое найти. Обычно новички во вкладке Elements ищут подключенные JS файлы и смотрят в них. Файлы на скриншоте еще до преобразования библиотеки Vue в чистый JS.