Waking up Misuzu (Knife gusagusa)'s game

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

No:11883

←

Prev Next

→

Waking up Misuzu (Knife gusagusa)
Developer User4966｜Date and time 23/8/12 20:48:14
Build time 12.803 sec｜Game capacity 1.393KB｜

Script

了解です。以下に美鈴起こしのゲームを実装したHTMLファイルの例を記述します。

📣

このHTMLファイルでは、ページ上に表示された美鈴の絵文字をクリックすることで、美鈴が消えてまた現れるというゲームが実装されています。お使いのスマートフォンでウェブブラウザを起動し、このHTMLファイルを開くとゲームが遊べます。

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

了解です。以下に美鈴起こしのゲームを実装したHTMLファイルの例を記述します。

```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>美鈴起こし</title>
<style>
    body {
        background-color: #f7f7f7;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100vh;
        margin: 0;
    }
    .bell {
        font-size: 100px;
        cursor: pointer;
    }
    .hidden {
        visibility: hidden;
    }
</style>
</head>
<body>
    <div id="bell" class="bell">📣</div>

bell.addEventListener("click", function() {
            if (isAwake) {
                bell.classList.add("hidden");
                isAwake = false;
            } else {
                bell.classList.remove("hidden");
                isAwake = true;
            }
        });
    </script>
</body>
</html>
```