calculator.html

---
layout: default
title: 電卓
css: calculator 
js: calculator
---
<div class="calc-container">
  <div class="calculator">
    <input type="text" id="display" />
    <button class="operator" onclick="appendOperator('(')">(</button>
    <button class="operator" onclick="appendOperator(')')">)</button>
    <button class="operator" onclick="appendOperator('^')">^</button>
    <button class="operator" onclick="clearDisplay()">C</button>
    <button onclick="appendNumber('7')">7</button>
    <button onclick="appendNumber('8')">8</button>
    <button onclick="appendNumber('9')">9</button>
    <button class="operator" onclick="appendOperator('/')">/</button>
    <button onclick="appendNumber('4')">4</button>
    <button onclick="appendNumber('5')">5</button>
    <button onclick="appendNumber('6')">6</button>
    <button class="operator" onclick="appendOperator('*')">*</button>
    <button onclick="appendNumber('1')">1</button>
    <button onclick="appendNumber('2')">2</button>
    <button onclick="appendNumber('3')">3</button>
    <button class="operator" onclick="appendOperator('-')">-</button>
    <button onclick="appendNumber('0')">0</button>
    <button onclick="appendOperator('.')">.</button>
    <button onclick="appendOperator('!')">!</button>
    <button class="operator" onclick="appendOperator('+')">+</button>
    <button class="equals" onclick="calculateResult()">=</button>
  </div>
</div>