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

No:9529

189

←

Prev Next

→

fraudulent way of enticing people into buying arti..ALL
Developer User3788｜Date and time 23/7/26 0:36:16
Build time 15.737 sec｜Game capacity 1.479KB｜

Script

妖怪人たらし

👻

👿

👹

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
<style>
    body {
        background-color: #FFFF99;
        text-align: center;
        font-size: 30px;
    }
    h1 {
        margin: 50px;
    }
    .btn {
        display: inline-block;
        width: 100px;
        height: 100px;
        border-radius: 50%;
        background-color: #FF9999;
        line-height: 100px;
        cursor: pointer;
    }
</style>
</head>
<body>
    <h1>妖怪人たらし</h1>
    <div class="btn">👻</div>
    <div class="btn">👿</div>
    <div class="btn">👹</div>
    <script>
        // 妖怪の種類
        const yokais = ['👻', '👿', '👹'];

// ボタン要素の取得
        const btns = document.getElementsByClassName('btn');

// クリック時の処理を定義
        function onClick(e) {
            const index = Math.floor(Math.random() * 3); // ランダムなインデックスを生成
            const yokai = yokais[index]; // ランダムな妖怪を取得

alert(`あなたは${yokai}をたらしました！`);

// 再度クリックするためのイベントリスナーを設定
            for (let i = 0; i < btns.length; i++) {
                btns[i].addEventListener('click', onClick);
            }
        }

// 初回クリック時のイベントリスナー設定
        for (let i = 0; i < btns.length; i++) {
            btns[i].addEventListener('click', onClick);
        }
    </script>
</body>
</html>