クリックしたら形が変わる、スクロールしたらヘッダが非表示になる、など、アクションに応じたデザイン変更をする方法の一つとして、CSSクラスの変更があります。
ここではquerySelector()でターゲットの要素を指定し、toggle()を使ってクラスの有無を切り替えています。

CodePen.CSSスタイルの切り替え

See the Pen 【04-04-06】CSSスタイルの切り替え by jun (@zionboogie) on CodePen.