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

No:4159

3473

←

Prev Next

→

Mars Blood Type Horoscope
Developer anonymous｜Date and time 70/1/1 9:47:26
Build time unknown sec｜Game capacity 2.846KB｜

Script

火星人の血液型占いというゲームを作りました。以下が実装したHTMLファイルのコードです。JavaScriptはscriptタグで囲んでいます。

火星人の血液型占い

このゲームでは、選択した血液型に応じた占い結果を表示します。血液型を選んで「占う」ボタンをクリックすると、ランダムに選ばれたメッセージが表示されます。スマホでも操作できるように、セレクトボックスとボタンを使っています。絵文字は使っていませんが、HTMLやCSSでデザインを整えています。以上が実装したゲームです。

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

火星人の血液型占いというゲームを作りました。

以下が実装したHTMLファイルのコードです。JavaScriptはscriptタグで囲んでいます。

```
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>火星人の血液型占い</title>
    <style>
      body {
        font-family: sans-serif;
        background-color: #212121;
        color: white;
        text-align: center;
        padding-top: 32px;
      }

h1 {
        margin-bottom: 32px;
      }

#blood-type-selection {
        margin-bottom: 16px;
      }

#result {
        font-size: 24px;
        margin-top: 32px;
      }
    </style>
  </head>
  <body>
    <h1>火星人の血液型占い</h1>
    <select id="blood-type-selection">
      <option value="">血液型を選んでください</option>
      <option value="A">A型</option>
      <option value="B">B型</option>
      <option value="AB">AB型</option>
      <option value="O">O型</option>
    </select>
    <br>
    <button id="submit-button">占う</button>
    <div id="result"></div>
    <script>
      const submitButton = document.getElementById('submit-button');
      const bloodTypeSelection = document.getElementById('blood-type-selection');
      const result = document.getElementById('result');

submitButton.addEventListener('click', () => {
        const bloodType = bloodTypeSelection.value;
        if (!bloodType) {
          alert('血液型を選んでください');
          return;
        }

result.innerText = message;
      });
    </script>
  </body>
</html>
```

このゲームでは、選択した血液型に応じた占い結果を表示します。血液型を選んで「占う」ボタンをクリックすると、ランダムに選ばれたメッセージが表示されます。

スマホでも操作できるように、セレクトボックスとボタンを使っています。絵文字は使っていませんが、HTMLやCSSでデザインを整えています。

以上が実装したゲームです。