<style> .cal { width: 300px; height: 400px; border: 1px solid black; text-align: center; } .cal button { width: 70px; height: 40px; font-size: 14pt;} .cal input { width: 98%; font-size: 14pt;font-family:'Comic Sans MS'; } </style> <style> .cal { width: 300px; height: 400px; border: 1px solid black; text-align: center; } .cal button { width: 70px; height: 40px; font-size: 14pt;} .cal input { width: 98%; font-size: 14pt;font-family:'Comic Sans MS'; } </style> <h1>網頁小算盤</h1> <div class="cal"> <table style="width: 99%;"> <tr> <td colspan="4"> <input type="text" style="font-size: 10pt" readonly="readonly" id="mycal" /></td> </tr> <tr> <td colspan="4"> <input type="text" style="text-align: right" readonly="readonly" id="myio" /></td> </tr> <tr> <td><button Onclick="myclick('(')">(</button></td> <td><button Onclick="myclick(')')">)</button></td> <td><button Onclick="myback()">←</button></td> <td><button Onclick="myclear()">EC</button></td> </tr> <tr> <td><button Onclick="myclick('7')">7</button></td> <td><button Onclick="myclick('8')">8</button></td> <td><button Onclick="myclick('9')">9</button></td> <td><button Onclick="myclick('/')">÷</button></td> </tr> <tr> <td><button Onclick="myclick('4')">4</button></td> <td><button Onclick="myclick('5')">5</button></td> <td><button Onclick="myclick('6')">6</button></td> <td><button Onclick="myclick('*')">x</button></td> </tr> <tr> <td><button Onclick="myclick('1')">1</button></td> <td><button Onclick="myclick('2')">2</button></td> <td><button Onclick="myclick('3')">3</button></td> <td><button Onclick="myclick('+')">+</button></td> </tr> <tr> <td><button Onclick="myclick('0')">0</button></td> <td><button Onclick="myclick('.')">.</button></td> <td><button Onclick="myoutput()">=</button></td> <td><button Onclick="myclick('-')">-</button></td> </tr> </table> </div>