document.querySelector()
ウェブページ内で要素を検索・選択するためのメソッド → 指定されたCSSセレクタに一致する最初の要素を取得できる。
document.querySelectorAll()
要素を複数取得したい場合に使用 → 指定されたセレクタに一致するすべての要素が取得される。
classList.toggle()
要素のクラスをトグル（切り替え）するために使用 → 指定したクラスに追加したいクラスが無い場合はクラスを追加し、既にある場合はクラスを削除する事ができる。
addEventListener
addEventListener は、JavaScriptで特定のイベント（例: クリック、マウスオーバー、キー入力など）が発生したときに、要素に対して実行されるコードを設定するための方法です。これにより、ユーザーの操作に応じた反応を作成できます。たとえば、ボタンがクリックされたときにフォームを送信するなどの処理を実行できます。
対象の要素.addEventListener(種類, 関数, false);