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

No:8382

1248

←

Prev Next

→

I listen to a lot of people complain, one at a tim..ALL
Developer User4182｜Date and time 23/7/15 15:48:21
Build time 22.839 sec｜Game capacity 2.726KB｜

Script

愚痴ゲーム

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
  <head>
    <title>愚痴ゲーム</title>
    <style>
      body {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100vh;
        font-size: 20px;
        font-family: sans-serif;
      }
      .game-container {
        display: flex;
        flex-direction: column;
        align-items: center;
      }
      .complaint {
        margin-bottom: 20px;
      }
      .actions {
        display: flex;
      }
      .action-button {
        margin: 0 10px;
        padding: 10px 20px;
        font-size: 18px;
        color: white;
        background-color: green;
        border: none;
        border-radius: 4px;
        cursor: pointer;
      }
    </style>
  </head>
  <body>
    <div class="game-container">
      <h1>愚痴ゲーム</h1>
      <div class="complaint"></div>
      <div class="actions">
        <button class="action-button" onclick="choosePositiveAction()">応援する</button>
        <button class="action-button" onclick="chooseNegativeAction()">叱る</button>
        <button class="action-button" onclick="ignoreComplaint()">黙って聞く</button>
      </div>
    </div>

function choosePositiveAction() {
        alert("相手を応援しました！次の愚痴に進みます。");
        showNextComplaint();
      }

function chooseNegativeAction() {
        alert("相手を叱りました。次の愚痴に進みます。");
        showNextComplaint();
      }

function ignoreComplaint() {
        alert("黙って相手の愚痴を聞きました。次の愚痴に進みます。");
        showNextComplaint();
      }

function resetGame() {
        currentComplaintIndex = 0;
        document.querySelector(".complaint").innerText = complaints[currentComplaintIndex];
      }

window.onload = function () {
        document.querySelector(".complaint").innerText = complaints[currentComplaintIndex];
      };
    </script>
  </body>
</html>