###前提・実現したいこと
document.getElementByID().textContentでHTMLのid部分に変数を使いたいです。
###HTMLのソースコード
<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <meta http-equiv="Content-Security-Policy" content="default-src * data:; style-src * 'unsafe-inline'; script-src * 'unsafe-inline' 'unsafe-eval'"> <script src="components/loader.js"></script> <link rel="stylesheet" href="components/loader.css"> <link rel="stylesheet" href="css/style.css"> <script type="text/javascript" charset="utf-8" src="js/app.js"></script> </head> <body> <input type="button" name="maru" value="◯" onClick="getPoint(1)"> <input type="button" name="batu" value="✕" onClick="getPoint(2)"> <br /> <table border="1"> <tr> <td height = "60" width="35" rowspan="2">S R</td> <td id="1" height = "30" width="16"></td> <td id="2" height = "30" width="16"></td> </tr> <tr> <td id="3" height = "30" width="16"></td> <td id="4" height = "30" width="16"></td> </tr> </table> </body> </html>
###JavaScriptのソースコード
function getPoint(btnNo){ var cellNumber = ""; var x = "◯"; var y = "✕"; if(btnNo == 1){ cellNumber = x; document.getElementById("1").textContent = cellNumber; }else{ cellNumber = y; document.getElementById("1").textContent = cellNumber; } }
###試したこと
上記のコードだとid=1のセルには◯✕をボタンを押すことで表示可能なのですが、id=1に入力完了したら次は2,3,4と順番に入力できるようにしたいです。javascriptのidを指定する部分を変数にしてidを1ずつ加算していけるようにならないでしょうか?
できない場合違う方法でこの動作を実現する方法はないでしょうか?
###補足情報(言語/FW/ツール等のバージョンなど)
HTML Javascript
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/06/22 10:09