1

私は三目並べゲームを作成して、Javascript でオブジェクト指向コードをいじります。つまり、疑似オブジェクト指向です。そして、オブジェクトの表現方法、この場合は各グリッド セルがオブジェクトであることに頭を悩ませています。セルをクリックしてから、セル オブジェクトにここにマークを付けるように指示するにはどうすればよいでしょうか?

これが私のhtmlです

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="en" xml:lang="en" dir="ltr">
    <head>
        <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
        <script type="text/javascript" src="scripts/tic-tac-toe.js"></script>
        <link rel="stylesheet" type="text/css" href="css/style.css" />
    </head>
    <body>
        <div id="grid"></div>
        </body>
</html>

そして、ここに未完成のJavaScriptページがあります：

var Grid = function() {
var cells = [];
// Todo: Finish 
const WINNING_COMBINATIONS = new Array();

this.setup = function() {
    for (var i = 0; i < 3; i++) {
        cells.push(new Array());
        for (var j = 0; j < 3; j++) {
            var new_cell = new Cell();
            cells[i].push(new_cell);
        }
    }

    var grid_div = document.getElementById("grid");
    var output = '';
    for (var i = 0; i < cells.length; i++) {
        for (var j = 0; j < cells.length; j++) {
            output += cells[i].placeCell();
        }
        output += "<br />"; 
    }
    grid_div.innerHTML = output;
}
}

マーク プロパティ、出力プロパティ (表示されるもの)、および setMark メソッドを持つセル クラスもあります。出力プロパティによって作成されたセルをクリックした場合、クリックされたセルをどのように参照するのでしょうか?

前もって感謝します。

4

0 に答える 0