Вам нужен HTML5 History API .
При каждом изменении ваших элементов делаете pushState , где в data сохраняете состояние ваших элементов
Потом ловить переход по кнопкам истории ( window.addEventListener('popstate', …) и восстанавливать состояние.
Если вы в вёрстке новичок, то с вероятностью 99% получится страшновато, кривовато и долго.
Любой UI-фреймворк надо будет сначала изучить.
Сейчас самый используемый — Bootstrap 3, плавно перетекающий в Bootstrap 4.
Material-UI тоже на подъёме, но чаще используется в мобильных приложениях.
Вам не надо onchange.
При инициализации owl2 клонирует слайды вместе с кодом. Каждая таб-панель у вас получается в двух экземплярах с одинаковыми id панелей.
Вам в коде после инициализации owl2 надо обойти и переименовать последовательно все панели и, соответственно, ссылки (на вкладках) на них.
Вот работающий вариант: https://codepen.io/lmoroz/pen/mwNzWo?editors=0011