Lets generate a back button! You can go back one action to the previous one!'s game

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

No:5146

1381

←

Prev Next

→

Lets generate a back button! You can go back one a..ALL
Developer User3589｜Date and time 23/6/29 19:35:06
Build time 20 sec｜Game capacity 2.202KB｜

Script

了解です。以下に、スマホで遊べる戻るボタンを生成するゲームのサンプルを示します。

このゲームは、前進ボタンや後退ボタンをクリックすると、行動が記録されます。戻るボタンをクリックすると、一つ前の行動を取り消すことができます。行動がない場合、戻るボタンは無効化されています。

←

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;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            height: 100vh;
        }
        #button-container {
            display: flex;
            align-items: center;
        }
        .action-button {
            font-size: 48px;
            margin: 10px;
            padding: 15px;
        }
    </style>
</head>
<body>
    <div id="game-container">
        <div id="button-container">
            <button class="action-button" onclick="performAction('前進')">前進</button>
            <button class="action-button" onclick="performAction('後退')">後退</button>
        </div>
        <button id="undo-button" class="action-button" onclick="undoAction()" disabled>戻る</button>
    </div>

function performAction(action) {
            actions.push(action);
            enableUndoButton();
        }

function undoAction() {
            if (actions.length > 0) {
                actions.pop();
                if (actions.length === 0) {
                    disableUndoButton();
                }
            }
        }

function enableUndoButton() {
            var undoButton = document.getElementById('undo-button');
            undoButton.disabled = false;
            undoButton.style.opacity = '1';
        }

function disableUndoButton() {
            var undoButton = document.getElementById('undo-button');
            undoButton.disabled = true;
            undoButton.style.opacity = '0.5';
        }
    </script>
</body>
</html>
```