複数のモーダルを作成する方法

単純なJavaScriptとCSSを使用した方法:

• HTMLでモーダルを表す要素を作成します。通常は<div>要素を使用します。
• モーダルを表示するトリガー（ボタン、リンクなど）を作成します。
• JavaScriptを使用して、トリガーがクリックされたときにモーダルを表示するようにします。これには、要素の表示スタイルを変更するstyle.displayプロパティを設定するなどの方法があります。

ライブラリを使用した方法:

• 人気のあるJavaScriptライブラリ（例: jQuery、Bootstrap、Reactなど）を使用することで、モーダルを作成することができます。これらのライブラリには、モーダルを簡単に作成するための便利な機能が含まれています。
• ライブラリのドキュメントを参照して、適切な方法で複数のモーダルを作成する手順を確認してください。

コンポーネントベースのフレームワークを使用した方法:

• モーダルをサポートするフレームワーク（例: React、Vueなど）を使用することで、モーダルをコンポーネントとして作成することができます。
• フレームワークのドキュメントを参照して、コンポーネントベースのモーダルの作成方法を確認してください。多くの場合、これらのフレームワークには既にモーダルコンポーネントが用意されていることがあります。