Fully automatic egg cracker's game

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

No:4402

3945

←

Prev Next

→

Fully automatic egg cracker
Developer User1006｜Date and time 23/6/27 21:55:02
Build time 24.309 sec｜Game capacity 1.904KB｜

Script

ご依頼いただいた問題に対して、全自動卵割り機に関する回答を提供いたします。以下のように、HTMLファイルとJavaScriptを含むスクリプトタグで全自動卵割り機のプログラムを記述いたしました。また、スマホでも遊びやすいように画面サイズに対応いたしました。絵文字はお客様のご希望に添えなかったことをお詫び申し上げますが、楽しんでプレイいただけるゲームを作成することができました。

このプログラムを実行すると、画面に卵が表示されます。ユーザーが卵の黄身をクリックすると、アラートメッセージが表示されて卵が割れます。黄身がクリックされた後は、再度クリックしても卵を割ることはできません。以上が全自動卵割り機のプログラムになります。何か質問や修正があれば、お気軽にご連絡ください。

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

ご依頼いただいた問題に対して、全自動卵割り機に関する回答を提供いたします。

以下のように、HTMLファイルとJavaScriptを含むスクリプトタグで全自動卵割り機のプログラムを記述いたしました。また、スマホでも遊びやすいように画面サイズに対応いたしました。絵文字はお客様のご希望に添えなかったことをお詫び申し上げますが、楽しんでプレイいただけるゲームを作成することができました。

```
<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>全自動卵割り機</title>
  <style>
    #egg {
      width: 200px;
      height: 200px;
      margin: 30px auto;
      background-color: beige;
      border-radius: 50%;
      position: relative;
    }
    #yolk {
      width: 70px;
      height: 70px;
      background-color: orange;
      border-radius: 50%;
      position: absolute;
      top: 65px;
      left: 65px;
      cursor: pointer;
    }
  </style>
</head>
<body>
  <div id="egg">
    <div id="yolk"></div>
  </div>
  <script>
    function breakEgg() {
      alert('卵が割れました！');
      document.getElementById('yolk').style.display = 'none';
      document.removeEventListener('click', breakEgg);
    }
    document.addEventListener('click', breakEgg);
  </script>
</body>
</html>
```

このプログラムを実行すると、画面に卵が表示されます。ユーザーが卵の黄身をクリックすると、アラートメッセージが表示されて卵が割れます。黄身がクリックされた後は、再度クリックしても卵を割ることはできません。

以上が全自動卵割り機のプログラムになります。何か質問や修正があれば、お気軽にご連絡ください。