クリックするごとにつけたり外したり出来ます。});});</script>これでクラス名「btn」を持つ要素をクリックした際、その要素に「active」というクラスが追加されます。書くだけで終わりです。クリックしたらボタンの文字を書き換えたい場合、更に一工夫必要です。data属性を使ってデフォルトの文字「data-text-default」、クリック後の文字「data-text-clicked」を持たせて、ボタンの状態に応じてテキストを書き換えます。持っているかどうかを簡単に確認できます。切り替えを表現します。うち、最初のものがデフォルトに表示され、2番めがクリック後に表示されます。