以下のプログラムで全体のマスの表示の初期状態を「(スペース)」として
奇数回目のクリックではクリックされたマスは○
偶数回目のクリックではクリックされたマスは×
と表示されるようにしたいのですが、どのように処理させればよいのでしょうか。
<html> <head> <script language="JavaScript"> function ticktack(id){ if(document.getElementById(id).value.match(/^×$/)){ document.getElementById(id).value = "○"; }else{ document.getElementById(id).value = "×"; } } </script> </head> <body> <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> </body> </html>
よろしくお願いします。
回答4件
あなたの回答
tips
プレビュー