AI game creator

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

No:24923

104

←

Prev Next

→

ABC○人事件
Developer バファリンヌ｜Date and time 23/11/14 21:54:07
Build time 80.111 sec｜Game capacity 2.19KB｜

Script

了解しました。以下にHTMLファイルの例を示します。

Click the buttons in alphabetical order

A B C

このHTMLファイルでは、ユーザーがA、B、Cのボタンをクリックするゲームを実装しています。ユーザーはボタンをアルファベット順にクリックしていく必要があります。正しい順序でクリックできた場合は「Congratulations! You solved the ABC murder case.」というメッセージが表示され、誤った順序でクリックした場合は「Game over.」というメッセージが表示されます。

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

了解しました。以下にHTMLファイルの例を示します。

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <style>
        body {
            background-color: #f9f9f9;
            text-align: center;
            font-family: Arial, sans-serif;
        }
        #container {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
        }
        #message {
            font-size: 24px;
            margin-bottom: 20px;
        }
        #buttons {
            display: flex;
        }
        .button {
            width: 80px;
            height: 80px;
            font-size: 32px;
            margin: 0 10px;
            border-radius: 50%;
            background-color: #ffffff;
            border: 1px solid #cccccc;
            cursor: pointer;
        }
    </style>
</head>
<body>
<div id="container">
    <div id="message">Click the buttons in alphabetical order</div>
    <div id="buttons">
        <span class="button" onclick="checkClick('A')">A</span>
        <span class="button" onclick="checkClick('B')">B</span>
        <span class="button" onclick="checkClick('C')">C</span>
    </div>
</div>
<script>
    var clicked = [];