Make a calculator from javascript. the HTML code is presented below. 1 2 3 + 4 5 6 - 7 8 9 * C 0 = ÷
Make a calculator from javascript. the HTML code is presented below.
<html> <head> <style> button { font-size: 200%; width: 40px; } input { font-size: 14px; height: 40px; text-align: right; } </style> </head> <body> <table> <tr> <td colspan="4"><input id="display" name="display" disabled></input></td> </tr> <tr> <td><button id="button1" value="1">1</button></td> <td><button id="button2" value="2">2</button></td> <td><button id="button3" value="3">3</button></td> <td><button id="addButton">+</button></td> </tr> <tr> <td><button id="button4" value="4">4</button></td> <td><button id="button5" value="5">5</button></td> <td><button id="button6" value="6">6</button></td> <td><button id="subtractButton">-</button></td> </tr> <tr> <td><button id="button7" value="7">7</button></td> <td><button id="button8" value="8">8</button></td> <td><button id="button9" value="9">9</button></td> <td><button id="multiplyButton">*</button></td> </tr> <tr> <td><button id="clearButton">C</button></td> <td><button id="button0" value="0">0</button></td> <td><button id="equalsButton">=</button></td> <td><button id="divideButton">÷</button></td> </tr> </table> <span id='output'><!-- Use this span for writing debug messages or anything else you think will help! --></span> <script src="calc.js"></script> </body> </html>
Step by step
Solved in 3 steps with 6 images
