JavaScriptを用いてオセロゲームをWeb上で作成しております。
オセロの盤をhtml(画面)に表現したいのですが、上手くできず困っております。
htmlファイルには下記のように記述しております。
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <link rel="sty"> <title>オセロ</title> <link rel="stylesheet" href="style.css"> </head> <body> <table id="board"></table> </body> <script type="text/javascript" src="index.js"></script> </html>
JavaScriptには下記のように記述しております。
var b = document.getElementById('board'); for (var i = 0; i < 8 ; i++) { var tr = document.createElement('tr'); var data = [0,0,0,0,0,0,0,0]; for (var j = 0; j < 8 ; j++) { var td = document.createElement('td'); td.className = 'cell'; td.id = 'cell' + i + j; td.onclick = clicked; tr.appendChild(td); } b.appendChild(tr); }
画面上に、縦横8マスのtableが表現されるようにしたいのですが、どのようにすればわからない状態です。アドバイス頂ければ幸いです。
質問文のコードはそれぞれコードブロックで囲んでいただけませんか? ```(バッククオート3つ)で囲み、前後に改行をいれるか、コードを選択して「<code>」ボタンを押すとコードブロックになります。
回答2件
あなたの回答
tips
プレビュー