Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <title></title>
- <style type="text/css">
- table, td,tr{
- border:1px solid black;
- margin: auto;
- font-size: 14px;
- text-align: center;
- vertical-align: middle;
- }
- td{
- width: 50px;
- height: 50px;
- }
- </style>
- </head>
- <body>
- <table>
- <tr>
- <td id="t" colspan="4" style="background-color: black; color: white; font-size: 10px ">
- </td>
- </tr>
- <tr>
- <td id="a0" colspan="4" style="background-color: black; color: white;">
- </td>
- </tr>
- <tr>
- <td id="a1" onclick="marca('1');">1</td>
- <td id="a2" onclick="marca('2');">2</td>
- <td id="a3" onclick="marca('3');">3</td>
- <td id="a11" onclick="op('+');">+</td>
- </tr>
- <tr>
- <td id="a4" onclick="marca('4');">4</td>
- <td id="a5" onclick="marca('5');">5</td>
- <td id="a6" onclick="marca('6');">6</td>
- <td id="a12" onclick="op('-');">-</td>
- </tr>
- <tr>
- <td id="a7" onclick="marca('7');">7</td>
- <td id="a8" onclick="marca('8');">8</td>
- <td id="a9" onclick="marca('9');">9</td>
- <td id="a13" onclick="op('*');">*</td>
- </tr>
- <tr>
- <td id="a10" colspan="4" onclick="op('=')">=</td>
- </tr>
- </table>
- <script type="text/javascript">
- var res=0;
- var opera='';
- var limpa=0;
- var exp=''
- function marca(x){
- if(limpa==1){
- document.getElementById('a0').innerHTML='';
- limpa=0;
- }
- document.getElementById('a0').innerHTML=document.getElementById('a0').innerHTML + x;
- }
- function op(y){
- var v=parseInt(document.getElementById('a0').innerHTML);
- limpa=1;
- if (opera==''){
- opera=y;
- res=v;
- }
- else{
- switch (opera) {
- case '+':
- res=res + v;
- break;
- case '-':
- res=res - v;
- break;
- case '*':
- res=res * v;
- break;
- }
- }
- if(y=='='){
- switch (opera) {
- case '+':
- res=res + v;
- break;
- case '-':
- res=res - v;
- break;
- case '*':
- res=res * v;
- break;
- }
- opera='';
- }
- else
- opera=y;
- exp=exp+v + y;
- document.getElementById('t').innerHTML=exp;
- document.getElementById('a0').innerHTML=res;
- }
- </script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement