Advertisement
Pedromaia26

calculadoraminhacompletastor java

Nov 13th, 2018
133
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 2.18 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <title></title>
  5.     <style type="text/css">
  6.         table, td,tr{
  7.             border:1px solid black;
  8.             margin: auto;
  9.             font-size: 14px;
  10.             text-align: center;
  11.             vertical-align: middle;
  12.         }
  13.         td{
  14.             width: 50px;
  15.             height: 50px;
  16.         }
  17.     </style>
  18. </head>
  19. <body>
  20.  
  21.     <table>
  22.         <tr>
  23.             <td id="t" colspan="4" style="background-color: black; color: white; font-size: 10px ">
  24.                
  25.                
  26.             </td>
  27.         </tr>
  28.         <tr>
  29.             <td id="a0" colspan="4" style="background-color: black; color: white;">
  30.                
  31.                
  32.             </td>
  33.         </tr>
  34.         <tr>
  35.             <td id="a1" onclick="marca('1');">1</td>
  36.             <td id="a2"  onclick="marca('2');">2</td>
  37.             <td id="a3" onclick="marca('3');">3</td>
  38.             <td id="a11" onclick="op('+');">+</td>
  39.         </tr>
  40.         <tr>
  41.             <td id="a4" onclick="marca('4');">4</td>
  42.             <td id="a5" onclick="marca('5');">5</td>
  43.             <td id="a6" onclick="marca('6');">6</td>
  44.             <td id="a12" onclick="op('-');">-</td>
  45.         </tr>
  46.         <tr>
  47.             <td id="a7"  onclick="marca('7');">7</td>
  48.             <td id="a8"  onclick="marca('8');">8</td>
  49.             <td id="a9" onclick="marca('9');">9</td>
  50.             <td id="a13" onclick="op('*');">*</td>
  51.         </tr>
  52.         <tr>
  53.             <td id="a10" colspan="4" onclick="op('=')">=</td>
  54.         </tr>
  55.  
  56.     </table>
  57.  
  58.     <script type="text/javascript">
  59.     var res=0;
  60.     var opera='';
  61.     var limpa=0;
  62.     var exp=''
  63.    
  64.    
  65.     function marca(x){
  66.         if(limpa==1){
  67.             document.getElementById('a0').innerHTML='';
  68.             limpa=0;
  69.            
  70.         }
  71.         document.getElementById('a0').innerHTML=document.getElementById('a0').innerHTML + x;
  72.     }
  73.     function op(y){
  74.         var v=parseInt(document.getElementById('a0').innerHTML);
  75.         limpa=1;
  76.         if (opera==''){
  77.             opera=y;
  78.             res=v;
  79.  
  80.         }
  81.         else{
  82.             switch (opera) {
  83.                 case '+':
  84.                     res=res + v;
  85.                     break;
  86.                 case '-':
  87.                     res=res - v;
  88.                     break;
  89.                 case '*':
  90.                     res=res * v;
  91.                     break;
  92.             }
  93.         }
  94.        
  95.         if(y=='='){
  96.             switch (opera) {
  97.                 case '+':
  98.                     res=res + v;
  99.                     break;
  100.                 case '-':
  101.                     res=res - v;
  102.                     break;
  103.                 case '*':
  104.                     res=res * v;
  105.                     break;
  106.             }
  107.             opera='';
  108.            
  109.         }
  110.         else
  111.             opera=y;
  112.         exp=exp+v + y;
  113.         document.getElementById('t').innerHTML=exp;
  114.         document.getElementById('a0').innerHTML=res;
  115.     }
  116.    
  117.     </script>
  118.  
  119. </body>
  120. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement