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

No:3768

295

←

Prev Next

→

There are about 20 quotes from philosophers availa..ALL
Developer User3181｜Date and time 23/6/26 14:44:48
Build time 44.757 sec｜Game capacity 4.226KB｜

Script

以下はサンプルのコードになります。

哲学者の名言ゲーム

このコードでは、20種類の哲学者の名言を持っており、シャッフルしてランダムに表示します。ユーザーはその中で自分の好きな名言を選び、選んだ名言に色をつけます。1秒後に次の名言に切り替わり、同じように選択肢をえらんで楽しめます。このゲームはスマホでも操作可能で、ボタンにはシンプルな文言を使用しています。また、絵文字を使用することもできますが、ここでは省略しています。以上、ご参考になれば幸いです。

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

以下はサンプルのコードになります。

```
<!DOCTYPE html>
<html>
  <head>
    <title>哲学者の名言ゲーム</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
  </head>
  <body>
    <h1>哲学者の名言ゲーム</h1>
    <div id="quote-container">
      <p id="quote1"></p>
      <p id="quote2"></p>
    </div>
    <button id="button1" onclick="chooseQuote(1)">この名言が好き！</button>
    <button id="button2" onclick="chooseQuote(2)">こっちが好き！</button>
    <script>
      var quotes = [
        "人生には失うものがなく、ただ持ち得るものしかない。", 
        "真理を言うことは、目的を達成するための必須条件である。", 
        "本当に大切なことは、目に見えないところにある。", 
        "過去に教えられたことを知ることができるだけで未来を変えることはできない。", 
        "幸福は偶然ではなく、それを作り出す努力を行うことで得られるものだ。", 
        "強いから勝てるのではなく、勝ったから強くなるのだ。", 
        "自分が信じる価値観に基づいて生きることが、人生の本当の意味である。", 
        "真実が世界を作っているわけではなく、人々がそのように解釈しているために世界が作られる。", 
        "人生は1ヶ月だけだったとしても、それを必死に生きる価値がある。", 
        "失敗を恐れるよりも、何もしないことを恐れろ。",
        "絶対的な真理は存在せず、常に客観的な真理と主観的な価値観が混在している。", 
        "愛することが等価になるためには、愛されることを受け取ることが必要だ。", 
        "成功のために必要なことは、最初にVisionを持つことだ。", 
        "持続可能な経済活動、社会活動、環境保全という3つの側面は、対立するものではなく、相互に関連しているものだ。",
        "未来を予知する唯一の方法は、それを作り出すことだ。", 
        "真実は人間が理解できる範囲を超えた無限のものであり、常に努力して理解することが必要だ。", 
        "自分を信じることができなければ、他人だって信じてくれない。", 
        "真の成功は、自己実現にあり、自分自身を超えることだ。", 
        "我々は人間同士である以上、お互いに協力しあうことが必要だ。", 
        "真実に生きることは決して簡単ではないが、それは人生で最も素晴らしい冒険である。"
      ];
      
      var quote1 = document.getElementById("quote1");
      var quote2 = document.getElementById("quote2");
      var button1 = document.getElementById("button1");
      var button2 = document.getElementById("button2");
      
      shuffleQuotes();
      
      function shuffleQuotes() {
        var index1 = Math.floor(Math.random() * quotes.length);
        var index2 = Math.floor(Math.random() * quotes.length);
        quote1.innerText = quotes[index1];
        quote2.innerText = quotes[index2];
      }
      
      function chooseQuote(choice) {
        if (choice === 1) {
          quote1.style.color = "red";
          quote2.style.color = "black";
        } else if (choice === 2) {
          quote1.style.color = "black";
          quote2.style.color = "red";
        }
        setTimeout(shuffleQuotes, 1000);
      }
    </script>
  </body>
</html>
```