質問: 現在、HTML・CSS・JavascriptにてWebページを制作しているのですが、ボタンをクリックした時にポップアップウィンドウを表示させる方法についてどのように行えば良いのかわからず苦戦しています。 こちらの参考サイト にて、例えば左側にある皆に打ち合わけるというボタンを押した際にこのようなポップアップウィンドウが表示されるのですが ![イメージ説明](https://teratail-v2.storage.googleapis.com/uploads/contributed_images/bc949f3792098e9adf821df376665d2b.png) このようなポップアップウィンドウを表示するにはどのようにすれば良いのでしょうか?
回答: 基本を言うと、 * ポップアップをあらかじめ仕込んでおくが、画面上では非表示にしておく。CSSでdisplay:noneを設定したり、非表示用のクラスを当てておく形です。 * 特定のボタンやリンクをクリックした時に、表示させる。 となります。表示のさせ方ですが、 JSでポップアップのdisplay:none状態を解除するだけです。 表示用のクラスを当てたり、直接displayプロパティを変更したり、やり方は自由です。 表示位置についてはCSSのpositionで調節すればいいです。 作成中は最初から表示した状態で作っていけばいいです。 最後に非表示にした状態でJSの設定を行います。