Почитайте про События «click» и addEventListener и event.target.

А еще про циклы типа forEach и то как найти элементы в DOM например querySelectorAll.

Алгоритм примерно такой:
Нужно найти все кнопки (см. querySelectorAll) циклом повесить обработчик событий на каждую кнопку (см. addEventListener) и при событии клика вешать нужный класс на нажатую (см. event.target)

А если хочеца готовое решение, на ютубе масса примеров и гайдов на эту тему. Тема довольно простая на самом деле. Удачи!

Ох не люблю эти дизайнерские финты с примитивами на весь лэйаут. Выглядит спорно, верстать запарно.

Вполне себе хороший способ, а главное простой и понятный, чем не нравится? Применить эти полоски как фон к общей обертке всех блоков или для каждого блока.

Можно конечно попробовать немношко извратиться и сделать что-то подобное. Но надо тестить на адаптив и в целом на взаимодействие с другим контентом. Но это так, из разраяда экспериментов. Я бы png тоже сделал.