皆さん、こんにちは。KDDIウェブコミュニケーションズの阿部です。私は、JavaScriptの基礎セミナーを大阪市が運営するiMedioで、かれこれ4年ほど定期開催してきましたが、今月もそのセミナー内であった質問を紹介したいと思います。先日掲載した「JavaScriptの ...

はじめに：イベントとは？ Webサイトにおけるイベントとは、「ユーザーやブラウザによって引き起こされる出来事」のことです。 例えば、以下のようなものがイベントに該当します。 ユーザーがボタンをクリックした（`click`） マウスカーソルが要素の上 ...

ボタンの個数分ループしているfor文から、addEventListnerを外します。 btnAction() 関数を作成します。 その中に、イベントリスナーと、classList.toggleを入れています。 For文には、作成したbtnAction()関数の呼び出しを追加します。 btnAction()呼び出し時に、各ボタンの ...

Webアプリ開発において、通信エラーからの復帰や、システム設定変更後の反映など、「ページ全体をリフレッシュして最新の状態にしたい」という場面は必ず訪れます。 SPA（シングルページアプリケーション）全盛の時代ですが、確実にDOMを初期状態から再 ...