AI game creator

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

No:5827

1515

←

Prev Next

→

function calculator
Developer User3839｜Date and time 23/6/30 21:24:08
Build time 29.958 sec｜Game capacity 3.001KB｜

Script

了解です。以下に、スマホ操作前提で遊べるゲームとして、簡単な「関数電卓」を実装したサンプルプログラムを示します。

このサンプルプログラムでは、「関数電卓」がゲームとして遊べるようになっており、スマホで操作できます。HTML内には「display」というIDを持つ要素があり、計算結果や入力内容が表示されます。数字や演算子をクリックすることで、入力内容が表示されます。Cボタンをクリックすると入力内容がクリアされ、=ボタンをクリックすると入力内容が計算され結果が表示されます。また、絵文字の使用は今回のサンプルプログラムでは行っていませんが、必要に応じて絵文字を追加することも可能です。

←

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>
      #display {
        font-size: 24px;
        text-align: right;
        width: 100%;
        height: 100px;
        padding: 10px;
        box-sizing: border-box;
      }
      .btn {
        font-size: 20px;
        width: 25%;
        height: 60px;
        margin: 5px;
        border: none;
        border-radius: 5px;
        background-color: #ccc;
      }
      #clear {
        background-color: #f00;
        color: #fff;
      }
    </style>
  </head>
  <body>
    <div id="display"></div>
    <button class="btn" onclick="append('0')">0</button>
    <button class="btn" onclick="append('1')">1</button>
    <button class="btn" onclick="append('2')">2</button>
    <button class="btn" onclick="append('3')">3</button>
    <br>
    <button class="btn" onclick="append('4')">4</button>
    <button class="btn" onclick="append('5')">5</button>
    <button class="btn" onclick="append('6')">6</button>
    <button class="btn" onclick="append('7')">7</button>
    <br>
    <button class="btn" onclick="append('8')">8</button>
    <button class="btn" onclick="append('9')">9</button>
    <button class="btn" onclick="append('+')">+</button>
    <button class="btn" onclick="append('-')">-</button>
    <br>
    <button class="btn" onclick="append('*')">*</button>
    <button class="btn" onclick="append('/')">/</button>
    <button class="btn" onclick="append('.')">.</button>
    <button class="btn" id="clear" onclick="clearDisplay()">C</button>
    <br>
    <button class="btn" onclick="calculate()">=</button>

function clearDisplay() {
        var display = document.getElementById("display");
        display.innerHTML = "";
      }

function calculate() {
        var display = document.getElementById("display");
        var input = display.innerHTML;
        var result = eval(input);
        display.innerHTML = result;
      }
    </script>
  </body>
</html>
```

また、絵文字の使用は今回のサンプルプログラムでは行っていませんが、必要に応じて絵文字を追加することも可能です。