|
|
| Line 1: |
Line 1: |
| <div id="calc" style="margin:10px 0; font-family: sans-serif;"> | | <div id="calcContainer"></div> |
| <div>
| |
| <span id="num1">0</span>
| |
| <span id="op">+</span>
| |
| <span id="num2">0</span>
| |
| <span>=</span>
| |
| <span id="result">0</span>
| |
| </div>
| |
|
| |
| <div style="margin-top:5px;">
| |
| <div style="display:inline-block; margin-right:10px;">
| |
| <div>Num1:</div>
| |
| <button data-num1="1">1</button>
| |
| <button data-num1="2">2</button>
| |
| <button data-num1="3">3</button>
| |
| <button data-num1="0">0</button>
| |
| </div>
| |
| <div style="display:inline-block; margin-right:10px;">
| |
| <div>Num2:</div>
| |
| <button data-num2="1">1</button>
| |
| <button data-num2="2">2</button>
| |
| <button data-num2="3">3</button>
| |
| <button data-num2="0">0</button>
| |
| </div>
| |
| <div style="display:inline-block; margin-right:10px;">
| |
| <div>Op:</div>
| |
| <button data-op="+">+</button>
| |
| <button data-op="-">-</button>
| |
| <button data-op="*">*</button>
| |
| <button data-op="/">/</button>
| |
| </div>
| |
| <div style="display:inline-block; margin-top:10px;">
| |
| <button id="calcButton">Calculate</button>
| |
| </div>
| |
| </div>
| |
| </div> | |