JavaScript toggle is like a light switch — you can flip it to turn something on or off with the same simple action.
JavaScript の toggle
は、「ある状態をオン・オフ切り替えるスイッチ」のようなものです。
たとえば、ボタンをクリックすると文字が出たり消えたりする、背景の色が変わったり戻ったりする、といった仕組みを作るときに便利です。
classList.toggle("クラス名")
を使えば、指定したクラスを「つける/はずす」を自動で切り替えてくれるので、コードを短くシンプルにできます。
自分で「もし〜なら追加、そうでなければ削除」と書くよりも、toggle
を使えば一行で完結できます。
イメージとしては、電気のスイッチを「カチッ」と押して、ついたり消えたりするのと同じです。