以下のプログラムに
・すでに○か×が表示されているマスをクリックするとメッセージが表示される。
・どのタイミングにおいてもリセットボタンを押すと全てのマスの表示を「(スペース)」にする。
・全てのマスが埋まるとメッセージが表示されアラートボックスの「OK」を押すと最初からにする。
の処理を加えたいのですがうまく動きません。
<script language="JavaScript"> function init(id){ document.getElementById(id).value =" "; } function ticktack(id){ if(document.getElementById(id).value.match(/^×$/)){ document.getElementById(id).value = "○"; }else{ document.getElementById(id).value = "×"; } } if(! document.getElementById(id).value.match(/^\S$/)){ message += "そのマスはすでに選ばれています。\n"; } </script> </head> <form name="tick"> <table> <tr> <td> <input type="button" id="r1c1" onclick="ticktack('r1c1')"></td> <td> <input type="button" id="r1c2" onclick="ticktack('r1c2')"></td> <td> <input type="button" id="r1c3" onclick="ticktack('r1c3')"></td> </tr> <tr> <td> <input type="button" id="r2c1" onclick="ticktack('r2c1')"></td> <td> <input type="button" id="r2c2" onclick="ticktack('r2c2')"></td> <td> <input type="button" id="r2c3" onclick="ticktack('r2c3')"></td> </tr> <tr> <td> <input type="button" id="r3c1" onclick="ticktack('r3c1')"></td> <td> <input type="button" id="r3c2" onclick="ticktack('r3c2')"></td> <td> <input type="button" id="r3c3" onclick="ticktack('r3c3')"></td> </tr> </table> <input type="reset" value="リセット"> </p> </form> </body>
ご指摘の方よろしくお願いします。
回答3件
あなたの回答
tips
プレビュー