contains()メソッドを使用して特定の文字を検索する

contains()は、文字列に特定の文字列が含まれているかどうかを確認するために使用されます.
クラス名を操作するにはclassList propertyを使用します.
contains( String )
指定したクラス値が要素のclassプロパティに存在するかどうかを決定します.
ボタンをクリックすると
実装が必要な場合
(activeというクラス名を指定すると仮定)
変える要素にはactiveというクラス名があればいいのではないでしょうか.
cssファイルには含まれています.Active{}変更行プロパティを追加します.
スクリプトのコードは、次のようになります.

<script>
    function clickBtn() {
       if(!title.classList.contains(active)){
          title.classList.add(active)
       } else{
          title.classList.remove(active)
       }
     }
</script>

変数titleのhtml要素にactiveというクラス名がない場合.
Activeというクラス名を追加できます.

<script>
   function init() {
      title.addEventListener("click", clickBtn)
   }
   init();
</script>

またクリックイベントリスナーを登録し、
タイトルをクリックするとclickBtn関数が呼び出されます.
Activeが追加され、削除されます.
この場合、切り替え()メソッドを使用すると便利です.

<script>
    function clickBtn() {
       title.classList.toggle("active");
    }
</script>

結果は同じです.