質問: の続きになります。 リセットボタンの処理まではできたのですがメッセージの表示方法がわかりません。 ・全てのマスが埋まるとメッセージが表示されアラートボックスの「OK」を押すと最初からにする。 ・すでに○か×が表示されているマスをクリックするとメッセージが表示される。 この二つをmessage += を用いて表示させたいのですがどのようにおいていけばよいのでしょう。 ``` ``` ご指摘の方よろしくお願いします。
回答: HTMLやJavascriptでの技術的な内容を考える前に、まずは機能の要件や手続きの順序を整理してみることをお勧めします。1つの技術的なことが解決しても、次にまた同じように技術的なことにつまづいてしまっているようなので。 試したことが記載されていなかったり、自分でわからない部分を掘り下げて質問できていない状態では 「やってほしいことだけを記載した丸投げの質問」と捉えられてしまっても仕方がないですね。 もう少し、要件(やりたいことややっていること)や問題点を掘り下げてみましょうか。 > > ・全てのマスが埋まるとメッセージが表示されアラートボックスの「OK」を押すと最初からにする。 > > > 全てのマスが埋まっている状態というのは、具体的に説明するとどのように言い換えられますか? 文章で表現すると難しいかもしれないので、箇条書きで書き出すと良いと思います。 (プログラム的な説明ではなく、仕様的な説明として) 箇条書きの条件は、複数の条件を1つに書かず、なるべく1つの条件だけで箇条書きにしたほうがシンプルでよいです。 > > ・すでに○か×が表示されているマスをクリックするとメッセージが表示される。 > > > こちらについても1つ目と同様に条件を書き出してもらえますか? 上記について具体的に書き出した後に「プログラムではどう書くか?」というステップになります。 上記ステップがない限り、何をしたらよいのか分からず、何を調べたらいいのかも分からないような気がします。 ここは、なれるまで疎かにしないほうが、後々の理解や自分の中の理解度の整理につながります。 > > メッセージの表示方法 > > > Javasscriptでのメッセージの表示のさせ方は分かりますか? 分からないようであれば調べ方のヒントを追記しようと思います。 分かるようであれば、試した結果をソースコードとして質問文に追加してみてください。 > > この二つをmessage += を用いて表示させたいのですがどのようにおいていけばよいのでしょう。 > > > この部分はあえて無視しています。 まずは上記のことができてからですかね。手段だけが先行してしまっているように思えます。 また、今記載しているソースコードについては、1つ1つ説明できるくらい理解をしておきましょう。 * `document.addEventListener`とは何をしているのか? * `myfunc(e)`の`e`は何を指すのか? など。 ちなみに、答えそのものを回答するつもりは全くありません。 考えたのヒントや分からないところを伝えるサポートができればと思っています。