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

No:8381

1459

←

Prev Next

→

Listen to people complain, make the right choice, ..ALL
Developer User4182｜Date and time 23/7/15 15:46:42
Build time 28.783 sec｜Game capacity 3.052KB｜

Script

以下は、スマートフォンで遊べるシンプルな「人の愚痴を聞いて　正しい選択をして相手を救う」ゲームの実装例です。

人の愚痴を聞いて　正しい選択をして相手を救う

愚痴を受けた友達が「仕事が忙しくてつらい」と話してきました。どうしますか？

このHTMLファイルをブラウザで開くと、友達からの愚痴に対して3つの選択肢が表示されます。それぞれの選択肢をクリックすると、選択に応じたアドバイスがポップアップで表示されます。選択によって表示するメッセージが変わることで、相手の気持ちに寄り添いながら正しい選択をすることが求められます。

←

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">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>人の愚痴を聞いて　正しい選択をして相手を救う</title>
    <style>
        body {
            background-color: #f8f9fa;
            font-family: Arial, sans-serif;
            text-align: center;
        }
        h1 {
            color: #343a40;
        }
        .statement {
            font-size: 24px;
            margin-top: 50px;
        }
        .choices {
            display: flex;
            justify-content: center;
            margin-top: 30px;
        }
        .choice {
            background-color: #28a745;
            color: #fff;
            font-size: 18px;
            border: none;
            border-radius: 5px;
            padding: 10px 20px;
            margin: 0 10px;
            cursor: pointer;
        }
        .choice:hover {
            background-color: #218838;
        }
    </style>
</head>
<body>
    <h1>人の愚痴を聞いて　正しい選択をして相手を救う</h1>
    <div class="statement">愚痴を受けた友達が「仕事が忙しくてつらい」と話してきました。どうしますか？</div>
    <div class="choices">
        <button class="choice" onclick="chooseOption('1')">一緒に愚痴をこぼして気持ちを共有する</button>
        <button class="choice" onclick="chooseOption('2')">仕事の進捗状況を聞いて助ける提案をする</button>
        <button class="choice" onclick="chooseOption('3')">何もせずに一言励ます</button>
    </div>
    <script>
        const chooseOption = (option) => {
            if (option === '1') {
                alert('共感の言葉をかけて友達の気持ちを和らげましょう。\n相手を理解し、共感することで心の負担が軽くなります。');
            } else if (option === '2') {
                alert('友達の仕事の進捗状況を聞き、助ける提案をすることで、一緒に解決策を見つけることができます。\n問題解決の手助けをすることで効果的なサポートができるでしょう。');
            } else if (option === '3') {
                alert('一言励ますことで、友達のモチベーションが少しでも上がることでしょう。\n心の支えを与えることが大切です。');
            }
        };
    </script>
</body>
</html>

```

人の愚痴を聞いて 正しい選択をして相手を救う

人の愚痴を聞いて　正しい選択をして相手を救う