Crie um botão que gera uma grid de xadrez e um bot terá que joga ali a grid será: 1:chau 2: inimigo 3:vida extra, usando quadrados com gráfico's game

Click here for free DL of the app version that can save data.

No:35984

←

Prev Next

→

Crie um botão que gera uma grid de xadrez e um bot..ALL
Developer User16419｜Date and time 24/1/16 5:50:25
Build time 8.977 sec｜Game capacity 2.53KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

Click here for free DL of the app version that can save data.

<!DOCTYPE html>
<html>
<head>
    <title>Jogo do Xadrez</title>
</head>
<body>
    <button onclick="gerarGrid()">Gerar Grid</button>
    <div id="grid"></div>

var grid = [];
            var tamanho = 8; //Tamanho do tabuleiro do xadrez (8x8)

for (var i = 0; i < tamanho; i++) {
                var row = document.createElement("div");
                row.classList.add("row");

for (var j = 0; j < tamanho; j++) {
                    var cell = document.createElement("div");
                    cell.classList.add("cell");

// Adiciona a classe correta para criar o gráfico do xadrez
                    if ((i+j) % 2 === 0) {
                        cell.classList.add("light");
                    } else {
                        cell.classList.add("dark");
                    }

row.appendChild(cell);
                }

gridDiv.appendChild(row);
            }

// Posiciona os elementos no tabuleiro
            var elementos = {
                1: "chau",
                2: "inimigo",
                3: "vida extra"
            };

for (var elemento in elementos) {
                var quantity = Math.floor(Math.random() * (tamanho*tamanho));
                for (var i = 0; i < quantity; i++) {
                    var randomCell = getRandomCell(gridDiv);
                    var element = document.createElement("div");
                    element.classList.add("element");
                    element.textContent = elementos[elemento];
                    randomCell.appendChild(element);
                }
            }
        }

function getRandomCell(gridDiv) {
            var cells = gridDiv.getElementsByClassName("cell");
            var randomIndex = Math.floor(Math.random() * cells.length);
            return cells[randomIndex];
        }
    </script>

.cell {
            width: 50px;
            height: 50px;
            border: 1px solid black;
        }

.light {
            background-color: white;
        }

.dark {
            background-color: gray;
        }

.element {
            width: 30px;
            height: 30px;
            border: 1px solid black;
            margin: auto;
        }
    </style>
</body>
</html>