Can the shadow ruler be exterminated?'s game

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

No:7657

332

←

Prev Next

→

Can the shadow ruler be exterminated?
Developer o2pi4｜Date and time 23/7/9 8:03:37
Build time 10.913 sec｜Game capacity 2.944KB｜

Script

了解しました。以下に「影の支配者殲滅可能か」というゲームのサンプルプログラムを記述します。

このプログラムでは、9つのセルからなるボードが表示されます。ボード上には「👺」という絵文字がランダムに配置されます。プレイヤーはセルをクリックして「👺」のいるセルを当てることを目指します。正解した場合はアラートが表示され、「影の支配者を倒しました！」と表示されます。間違った場合は「❌」と表示されますが、1秒後に消えます。

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

了解しました。以下に「影の支配者殲滅可能か」というゲームのサンプルプログラムを記述します。

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>影の支配者殲滅</title>
    <style>
        #game-container {
          display: flex;
          align-items: center;
          justify-content: center;
          height: 100vh;
        }

#game-board {
          width: 300px;
          height: 300px;
          background-color: #eee;
          border: 2px solid #111;
          display: flex;
          flex-wrap: wrap;
        }

.cell {
          width: 33.33%;
          height: 33.33%;
          display: flex;
          align-items: center;
          justify-content: center;
          font-size: 4rem;
          cursor: pointer;
        }

.cell:hover {
          background-color: #ddd;
        }

.hidden {
          visibility: hidden;
        }
    </style>
</head>
<body>
    <div id="game-container">
        <div id="game-board"></div>
    </div>

for (let i = 0; i < size; i++) {
                const cell = document.createElement("div");
                cell.className = "cell";
                cell.addEventListener("click", handleClick);
                cells.push(cell);
                board.appendChild(cell);
            }

let targetIndex = Math.floor(Math.random() * size);
            cells[targetIndex].textContent = "👺";

function handleClick(event) {
                const currentIndex = cells.indexOf(event.target);

if (currentIndex === targetIndex) {
                    alert("影の支配者を倒しました！");
                } else {
                    event.target.textContent = "❌";
                    event.target.classList.add("hidden");
                    setTimeout(() => {
                        event.target.classList.remove("hidden");
                        event.target.textContent = "";
                    }, 1000);
                }

targetIndex = Math.floor(Math.random() * size);
                cells[targetIndex].textContent = "👺";
            }
        });
    </script>
</body>
</html>
```