Как грамотно и красиво сформировать вложенность функций? Структура кода?

<div class="sounds-wrapper" id="sound-btn-wrapper">
      <div class="sounds-btn">Sound</div>
      <div class="sounds-btn-bottom" id="sound-bottom">
        <div class="btn sounds-btn-left" id="sound-on">On</div>
        <div class="btn sounds-btn-right" id="sound-off">Off</div>
      </div>
    </div>

Это разметка. А по поводу предложенного вами селектора - не нашёл внятного описания. На caniuse не нашёл, чтобы посмотреть его кроссбраузерность. В любом случае, код на js не такой уж сложный

Как грамотно и красиво сформировать вложенность функций? Структура кода?

Да, это понятно, спасибо за ответ. Но в моём случае стиль применяется к родителю, что в CSS сделать нельзя

Как грамотно и красиво сформировать вложенность функций? Структура кода?

К тому же я пока только учусь и мне ещё рано думать об ООП. С этим хотя бы разобраться

Как грамотно и красиво сформировать вложенность функций? Структура кода?

Ок, а если выбирать из этих двух предложенных вариантов, какой лучше?

Как грамотно и красиво сформировать вложенность функций? Структура кода?

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

Как отобразить ячейки заполненными?

Ankhena, обновил свой ответ. Может такое решение вас устроит

Как отобразить ячейки заполненными?

Ankhena, Обычно просто оставляют комментарий. Тем более этот комментарий вообще не под мои ответом ) А я вообще случайно увидел, что у вас не сработало

Как отобразить ячейки заполненными?

Георгий Городенко, а что ж вы сразу не написали в комментарии под ответом ?

Как заставить отрисовываться абсолютно позиционированный элемент за пределами родителя?

amorphine,

https://m.habr.com/post/166435/

Как заставить отрисовываться абсолютно позиционированный элемент за пределами родителя?

А можете объяснить, что именно вам нужно ? Не совсем понял
Кстати, для родителя задавайте position: relative

Почему не отображаются символы в хроме и опере?

Конан Варвар, Хороший вопрос ? ) Я отвечал с телефона, потому не углядел ошибку. Спасибо, что поправили )

Почему не отображаются символы в хроме и опере?

websiller, тогда присоединяюсь к ответу евгения про шрифт мозиллы.
Лучше добавлять что-то более универсальное, например набор иконок типа font-awesome, или svg, png

Как победить тег audio? Почему не проигрывается второй раз?

Превосходно ) Премного благодарен

Пожалуйста, расскажите про колбэк в settimeout?

Нет, значит. Видать почудилось. Что ж, спасибо, я успокоился. Думал и впрямь прячут)

Как изменить верстку, чтобы не плыла разметка?

Попробуйте
min-width: 200px;
overflow-x: hidden; // или scroll

Возможно ли полностью поместить сайт в строку URL?

преимущества такого сайта будут заключаться в том, что когда кто-то начнёт вручную вбивать ваш url - выучит HTML )
И хорошо бы ещё стили указать в теге < style>< /style >, чтобы ещё и знания css подтянули )

Как применить класс justify-content-center только к мобильному разрешению?

jwwwe, Понятно ) Тогда префиксы )

.justify-content-sm-center
.justify-content-md-center
.justify-content-xl-center

Как правильно стилизовать плеер youtube на сайте?

и z-index не спасает для panel-control ?
или transform: translateZ()

было бы неплохо увидеть весь код в песочнице

Как применить класс justify-content-center только к мобильному разрешению?

Тогда ставьте префиксы sm, xs

Я бы делал через css, потому что :
1. чтобы не захламлять html разметку. 2. Если будете что-то менять, то не нужно лезть в html код. А если у вас таких страниц будет 100 и везде нужно будет вручную внести изменения, а так вы только подправите css.

Я раньше сам верстал с бутстрапом, но потом понял, что это шляпа, под которую надо подстраиваться. Html разметка перестаёт быть читабельной. Решил что-то изменить - нужно перелопатить все html страницы. Я полностью отказался от бутстрапа и вам советую. Лучше хорошо освоить css)

Как обратиться к ключам и значениям объекта через переменную?

0xD34F, Прошу прощения. Видимо где-то допустил ошибку, потому что categories[checkedCategory] возвращал числовые индексы. А после я обращался неправильно, не к самому объекту, а через переменную, то есть

var allCategories = Object.keys(categories);
var category = allCategories[checkedCategory];

Больше спасибо. Как отметить ваш комментарий, как ответ ?