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

No:11688

247

←

Prev Next

→

good-bad game
Developer sayaensm｜Date and time 23/8/11 23:50:19
Build time 14.961 sec｜Game capacity 1.506KB｜

Script

了解しました。では、以下に示す例をご参考にプログラムを実装してみてください。

Ready?

このプログラムは、グッドバッドゲームというシンプルなゲームです。ボタンを押すとスコアが増減し、結果が表示されます。スマホでも遊べるようにボタンを配置しています。絵文字を使っていますが、ブラウザで表示できる絵文字を適宜変更してください。このような形で、HTMLファイル内にJavaScriptコードを埋め込むことで、スクリプトを実行することができます。

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

了解しました。では、以下に示す例をご参考にプログラムを実装してみてください。

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>グッドバッドゲーム</title>
  <style>
    /* スタイルはここに記述してください */
  </style>
</head>
<body>
  <h1 id="message">Ready?</h1>
  <button id="goodBtn">👍 Good</button>
  <button id="badBtn">👎 Bad</button>
  
  <script>
    // JavaScriptのコードはここに記述してください
    const message = document.getElementById('message');
    const goodBtn = document.getElementById('goodBtn');
    const badBtn = document.getElementById('badBtn');
    
    let score = 0;
    
    goodBtn.addEventListener('click', function() {
      score++;
      message.textContent = 'Good! Score: ' + score;
    });
    
    badBtn.addEventListener('click', function() {
      score--;
      message.textContent = 'Bad! Score: ' + score;
    });
  </script>
</body>
</html>
```

このプログラムは、グッドバッドゲームというシンプルなゲームです。ボタンを押すとスコアが増減し、結果が表示されます。スマホでも遊べるようにボタンを配置しています。絵文字を使っていますが、ブラウザで表示できる絵文字を適宜変更してください。

このような形で、HTMLファイル内にJavaScriptコードを埋め込むことで、スクリプトを実行することができます。