今回は、JavaScriptを使って、ボタンをクリックすることでテキストの表示・非表示を切り替える方法を解説します。 この機能を実装することで、 文字を表示したり隠したりする ボタンなどの要素の文字の内容を変える といったことができるようになります。

今回はボタンを押す→ポップアップが表示される→ボタンの内容を変えるという簡単なプログラムをJavaScriptで作成しました。 HTML、CSSの内容は割愛しますが、ソースコードは展開します。 HTMLは以下です。