Web
Calculator
GOD03219
2017. 12. 26. 18:16
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <title>429/10</title> | |
| <style> | |
| input[type=button]{ | |
| width: 100px; | |
| height: 40px; | |
| } | |
| </style> | |
| <script> | |
| window.onload=function() | |
| { | |
| var exp=document.getElementById('exp'); | |
| } | |
| window.onclick=function(e){ | |
| if(e.target.id=="back") exp.value=exp.value.substring(0,exp.value.length-1); | |
| if(e.target.id=="c"||e.target.id=="ce") exp.value=""; | |
| if(e.target.id=="res") exp.value=eval(exp.value); | |
| if(e.target.id=="none") return; | |
| }; | |
| function clickb(num) | |
| { | |
| exp.value+=num; | |
| } | |
| </script> | |
| </head> | |
| <body > | |
| <h3>Calculator</h3> | |
| <hr> | |
| <form> | |
| <input type="text" id="exp" value="0"><br><br> | |
| <p> | |
| <input type="button" id="back" value="Back"> <input type="button" id="ce" value="CE"> <input type="button" id="c" value="C"> <input type="button" id="res" value="="><br><br> | |
| </p> | |
| <p> | |
| <input type="button" id="7" value="7" onclick="clickb('7')"> <input type="button" id="8" value="8"onclick="clickb('8')"> <input type="button" id="9" value="9" onclick="clickb('9')"> <input type="button" id="divide" value="/" onclick="clickb('/')"><br><br> | |
| </p> | |
| <p> | |
| <input type="button" id="4" value="4" onclick="clickb('4')"> <input type="button" id="5" value="5" onclick="clickb('5')"> <input type="button" id="6" value="6" onclick="clickb('6')"> <input type="button" id="mul" value="*" onclick="clickb('*')"><br><br> | |
| </p> | |
| <p> | |
| <input type="button" id="1" value="1" onclick="clickb('1')"> <input type="button" id="2" value="2" onclick="clickb('2')"> <input type="button" id="3" value="3" onclick="clickb('3')"> <input type="button" id="ded" value="-" onclick="clickb('-')"><br><br> | |
| </p> | |
| <p> | |
| <input type="button" id="0" value="0" onclick="clickb('0')"> <input type="button" id="add" value="+" onclick="clickb('+')"> <input type="button" id="none" value="NONE"> <input type="button" id="none" value="NONE"><br> | |
| </p> | |
| </form> | |
| </body> | |
| </html> |