Warning: count(): Parameter must be an array or an object that implements Countable in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 157

Warning: in_array() expects parameter 2 to be array, bool given in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 476

Warning: count(): Parameter must be an array or an object that implements Countable in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 484
National Holiday Creation Game! Create your own national holidays! All you need to do is select any date from the calendar and enter the name of the holiday! Its easy to create a national holiday! The created holidays can be viewed later.'s game | AI game creator

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

No:5984

1321

←

Prev Next

→

National Holiday Creation Game! Create your own na..ALL
Developer User3589｜Date and time 23/7/1 13:23:36
Build time 27.398 sec｜Game capacity 3.127KB｜

Script

以下は、提示された要件に基づいて作成されたHTMLゲームの例です。この例では、ユーザーがカレンダーから日付を選び、それに対応する祝日の名前を入力することができます。また、後で作成した祝日を閲覧することもできます。

祝日作成ゲーム

祝日作成

日付:
祝日名:

作成した祝日一覧

このHTMLファイルは、カレンダーから日付を選択し、祝日の名前を入力することで祝日を作成することができます。作成された祝日は、下に表示される一覧で確認することができます。また、作成した祝日はブラウザのローカルストレージに保存され、再度ページを開いた際にも情報が残ります。

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html lang="ja">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>祝日作成ゲーム</title>
  <script>
    // 祝日情報を格納するオブジェクト
    const holidays = {};

// 祝日を作成する関数
    function createHoliday() {
      const dateInput = document.getElementById('dateInput');
      const nameInput = document.getElementById('nameInput');
      const date = dateInput.value;
      const name = nameInput.value;

// 入力がない場合は処理を終了
      if (!date || !name) {
        return;
      }

// 既に同じ日付の祝日が存在する場合は上書き
      holidays[date] = name;

// 入力欄をクリア
      dateInput.value = '';
      nameInput.value = '';

// 祝日作成結果を表示
      const holidayList = document.getElementById('holidayList');
      holidayList.innerHTML = '';
      Object.entries(holidays).forEach(([date, name]) => {
        holidayList.innerHTML += `<li>${date}: ${name}</li>`;
      });

// 祝日作成結果を保存
      localStorage.setItem('holidays', JSON.stringify(holidays));
    }

// 初期化処理
    window.addEventListener('DOMContentLoaded', () => {
      // 保存されている祝日情報を取得
      const savedHolidays = localStorage.getItem('holidays');
      if (savedHolidays) {
        holidays = JSON.parse(savedHolidays);
      }

// 祝日作成ボタンにイベントを追加
      const createButton = document.getElementById('createButton');
      createButton.addEventListener('click', createHoliday);

// 保存されている祝日情報を表示
      const holidayList = document.getElementById('holidayList');
      holidayList.innerHTML = '';
      Object.entries(holidays).forEach(([date, name]) => {
        holidayList.innerHTML += `<li>${date}: ${name}</li>`;
      });
    });
  </script>
  <style>
    li {
      margin-bottom: 8px;
    }
  </style>
</head>

<body>
  <h1>祝日作成ゲーム</h1>

<h2>作成した祝日一覧</h2>
  <ul id="holidayList"></ul>
</body>

</html>
```