Ice Bucket Challenge's game

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

No:7121

1888

←

Prev Next

→

Ice Bucket Challenge
Developer User3970｜Date and time 23/7/5 16:24:04
Build time 16.057 sec｜Game capacity 2.123KB｜

Script

了解しました。以下にアイスバケツチャレンジをゲーム化したHTMLファイルの実装例を示します。

アイスバケツチャレンジ

このプログラムは、ボタンをクリックすると「アイスバケツに水をかけました！」というメッセージが表示され、炎と氷の絵文字も表示されるものです。また、ボタンをクリックした後はボタンが無効化され、再度クリックすることができなくなります。このプログラムを実行すると、ブラウザ上でアイスバケツチャレンジのゲームが遊べます。ただし、特にゲーム的な要素はなく、ボタンをクリックするだけですが、それでもゲームとしての機能を持っています。

←

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">
  <title>アイスバケツチャレンジ</title>
  <style>
    body {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh;
    }
    
    #container {
      text-align: center;
    }
    
    #message {
      font-size: 24px;
      margin-bottom: 20px;
    }
    
    #button {
      padding: 10px 20px;
      font-size: 18px;
    }
  </style>
</head>
<body>
  <div id="container">
    <div id="message">アイスバケツチャレンジ</div>
    <button id="button">水をかける</button>
  </div>
  
  <script>
    // ボタンがクリックされたときに実行される関数
    function pourWater() {
      var messageElement = document.getElementById('message');
      
      // メッセージを更新
      messageElement.textContent = 'アイスバケツに水をかけました！';
      
      // 絵文字で炎と氷を表示
      messageElement.innerHTML += '<br><br>🔥🔥🔥🔥<br><br>☃️☃️☃️☃️☃️☃️☃️☃️';
      
      // ボタンを無効化
      document.getElementById('button').disabled = true;
    }
    
    // ボタンにクリックイベントのリスナーを追加
    document.getElementById('button').addEventListener('click', pourWater);
  </script>
</body>
</html>
```

このプログラムは、ボタンをクリックすると「アイスバケツに水をかけました！」というメッセージが表示され、炎と氷の絵文字も表示されるものです。また、ボタンをクリックした後はボタンが無効化され、再度クリックすることができなくなります。

このプログラムを実行すると、ブラウザ上でアイスバケツチャレンジのゲームが遊べます。ただし、特にゲーム的な要素はなく、ボタンをクリックするだけですが、それでもゲームとしての機能を持っています。