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

No:5209

4477

←

Prev Next

→

Calculator Simulation! Destroy everything along th..ALL
Developer User3589｜Date and time 23/6/29 20:17:03
Build time 24.741 sec｜Game capacity 2.212KB｜

Script

了解しました！以下は、スマホで遊べる電卓シミュレーションの実装例です。JavaScriptを使用し、1枚のHTMLファイルに記述しています。

電卓シミュレーション

この電卓シミュレーションでは、`input`タグの`display`というidを持つテキストボックスを表示し、ボタンをクリックすることで数値や演算子を入力できます。クリアボタン（C）をクリックすると入力内容がクリアされ、イコール（＝）ボタンをクリックすると入力内容が計算されます。エラーが発生した場合には、テキストボックスに"Error"と表示されます。この電卓シミュレーションをスマホで開いて遊ぶことができます。

←

Prev　Next

→ 　

Back　

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

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

了解しました！以下は、スマホで遊べる電卓シミュレーションの実装例です。JavaScriptを使用し、1枚のHTMLファイルに記述しています。

```html
<!DOCTYPE html>
<html>
<head>
  <title>電卓シミュレーション</title>
</head>
<body>
  <h1>電卓シミュレーション</h1>
  <input type="text" id="display" readonly>
  <button onclick="clearDisplay()">C</button>
  <br>
  <button onclick="updateDisplay('7')">7</button>
  <button onclick="updateDisplay('8')">8</button>
  <button onclick="updateDisplay('9')">9</button>
  <button onclick="updateDisplay('+')">+</button>
  <br>
  <button onclick="updateDisplay('4')">4</button>
  <button onclick="updateDisplay('5')">5</button>
  <button onclick="updateDisplay('6')">6</button>
  <button onclick="updateDisplay('-')">-</button>
  <br>
  <button onclick="updateDisplay('1')">1</button>
  <button onclick="updateDisplay('2')">2</button>
  <button onclick="updateDisplay('3')">3</button>
  <button onclick="updateDisplay('*')">*</button>
  <br>
  <button onclick="updateDisplay('0')">0</button>
  <button onclick="updateDisplay('.')">.</button>
  <button onclick="calculate()">=</button>
  <button onclick="updateDisplay('/')">/</button>
  
  <script>
    let display = document.getElementById('display');
    
    function updateDisplay(value) {
      display.value += value;
    }
    
    function calculate() {
      try {
        display.value = eval(display.value);
      } catch (error) {
        display.value = "Error";
      }
    }
    
    function clearDisplay() {
      display.value = "";
    }
  </script>
</body>
</html>
```

この電卓シミュレーションをスマホで開いて遊ぶことができます。