Как верстальщику оформлять js код?

На данный момент я пишу js код очень криво.

Как правило, это один файл script.js, в котором я пишу куски кода, оборачивая их в try catch. Если мне нужны табы, то я делаю блок для табов, если это выезжающие по нажатию блоки, то описываю это поведение в отдельном try catch, а мне бы хотелось оформлять свой код более качественно, делая функционирующее приложение, а не непонятный набор рванных кусков JavaScript'a!

Ещё хуже обстоит ситуация с многостраничный и сайтами. Там я вообще каждый интерактив описываю по-новой, и это могут быть одни табы, но на разных страницах их верстка может отличаться, поэтому я переписываю уже существующий код под новую ситуацию. Если нужно, могу поделиться файлами, чтобы было наглядное пособие, от чего я хочу избавиться.

P.S. сильно не ругайте только, я же начинающий ещё, хочу разобраться с этой наболевшей темой))