Story Game that has choises's game

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

No:13024

←

Prev Next

→

Story Game that has choises
Developer User5733｜Date and time 23/8/26 9:06:49
Build time 20.078 sec｜Game capacity 4.422KB｜

Script

Sure! Here's an example of a simple text-based story game implemented as a single HTML file with JavaScript:

When you open the HTML file in a web browser, the game will start and present you with the initial story and choices. As you make choices, the game will update the story and keep track of your score. Each choice leads to a different outcome, allowing you to explore the story and have different endings.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

Sure! Here's an example of a simple text-based story game implemented as a single HTML file with JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Story Game</title>
</head>
<body>
    <script>
        // Define the initial state of the game
        let gameState = {
            currentStory: 'start',
            score: 0
        };

// Define the available story choices
        const storyChoices = {
            start: {
                text: 'Once upon a time...',
                choices: [
                    { text: 'Go left', nextState: 'left', score: 10 },
                    { text: 'Go right', nextState: 'right', score: 5 }
                ]
            },
            left: {
                text: 'You arrived at a village.',
                choices: [
                    { text: 'Explore the village', nextState: 'explore', score: 15 },
                    { text: 'Continue on your journey', nextState: 'continue', score: 0 }
                ]
            },
            right: {
                text: 'You stumbled upon a treasure chest.',
                choices: [
                    { text: 'Open it', nextState: 'open', score: 20 },
                    { text: 'Leave it', nextState: 'leave', score: 0 }
                ]
            },
            explore: {
                text: 'You found a hidden treasure!',
                choices: [
                    { text: 'Take the treasure', nextState: 'take', score: 30 },
                    { text: 'Leave the treasure', nextState: 'leave', score: 0 }
                ]
            },
            continue: {
                text: 'You continued on your journey.',
                choices: [
                    { text: 'Go left', nextState: 'left', score: 10 },
                    { text: 'Go right', nextState: 'right', score: 5 }
                ]
            },
            open: {
                text: 'The chest was empty.',
                choices: [
                    { text: 'Return to the previous location', nextState: 'right', score: 0 },
                    { text: 'Continue on your journey', nextState: 'continue', score: 0 }
                ]
            },
            take: {
                text: 'Congratulations! You obtained a rare artifact!',
                choices: [
                    { text: 'Continue on your journey', nextState: 'continue', score: 0 }
                ]
            },
            leave: {
                text: 'You decided to leave.',
                choices: [
                    { text: 'Go left', nextState: 'left', score: 10 },
                    { text: 'Go right', nextState: 'right', score: 5 }
                ]
            }
        };

// Function to update the game state based on user's choice
        function makeChoice(choiceIndex) {
            const currentStory = gameState.currentStory;
            const choice = storyChoices[currentStory].choices[choiceIndex];

gameState.currentStory = choice.nextState;
            gameState.score += choice.score;

renderGame();
        }

// Function to render the current story and choices
        function renderGame() {
            const currentStory = storyChoices[gameState.currentStory];
            const storyElement = document.createElement('p');
            storyElement.textContent = currentStory.text;
            document.body.appendChild(storyElement);

const choices = currentStory.choices;
            const choiceList = document.createElement('ul');
            choices.forEach((choice, index) => {
                const choiceItem = document.createElement('li');
                const choiceButton = document.createElement('button');
                choiceButton.textContent = choice.text;
                choiceButton.addEventListener('click', () => makeChoice(index));
                choiceItem.appendChild(choiceButton);
                choiceList.appendChild(choiceItem);
            });
            document.body.appendChild(choiceList);
        }

// Start the game
        renderGame();
    </script>
</body>
</html>
```

When you open the HTML file in a web browser, the game will start and present you with the initial story and choices. As you make choices, the game will update the story and keep track of your score. Each choice leads to a different outcome, allowing you to explore the story and have different endings.