API tools faq
paste
Advertisement
Aniket_Goku

js5

Aniket_Goku
Apr 22nd, 2021
125
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
JavaScript 2.60 KB | None | 0 0
raw download clone embed print report
  1. //Write a Java Script to perform basic arithmetic operations (+, -, /, *)
  2. <html>
  3.     <head>
  4.         <title>js5</title>
  5.     </head>
  6.     <script>
  7.         var a,b;   
  8.         function f1()
  9.         {
  10.             var n1;
  11.             n1=parseInt(document.getElementById("c1").value);
  12.             if(isNaN(n1))
  13.             {
  14.                 document.getElementById("c1").focus();
  15.             }
  16.             else   
  17.             {
  18.                 a=n1;
  19.             }
  20.                                    
  21.         }
  22.         function  f2()
  23.         {
  24.             var n1;
  25.              n1=parseInt(document.getElementById("c2").value);
  26.            
  27.            
  28.             if (isNaN(n1))
  29.             {
  30.                 document.getElementById("c2").focus(); 
  31.                        
  32.             }
  33.             else
  34.             {          
  35.                 b=n1;
  36.  
  37.             }
  38.                        
  39.         }
  40.         function add()
  41.         {
  42.             sign="+";      
  43.             document.getElementById("c3").value=a+b;
  44.         }
  45.         function sub()
  46.         {
  47.             sign="-";      
  48.             document.getElementById("c3").value=a-b;
  49.         }
  50.         function mul()
  51.         {
  52.             sign="x";      
  53.             document.getElementById("c3").value=a*b;
  54.         }
  55.         function div()
  56.         {
  57.             sign="/";      
  58.             if (b!=0)
  59.             {
  60.                 document.getElementById("c3").value=a/b;
  61.             }
  62.             else   
  63.             {
  64.                 document.getElementById("c3").value="(0 devide)";
  65.             }
  66.         }
  67.    
  68.     </script>
  69.     <style>
  70.         body
  71.         {
  72.             background-image:url("file:///D:/backgrounds/51.jpg");
  73.             background-color:skyblue;
  74.             background-attechment:fixed;
  75.             backdrop-filter:blur(5px);
  76.             height:100vh;
  77.             background-size:100% 100%;
  78.             margin:0;
  79.             padding:0;
  80.             background-repeat:no-repeat;
  81.            
  82.         }
  83.         .s2
  84.         {
  85.  
  86.             background:pink;
  87.             font-size:25px;
  88.             width:120%;
  89.             height:50px;
  90.         }
  91.         .s1
  92.         {
  93.            
  94.             border-radius:0%;
  95.             border-color:pink;
  96.             background:black;
  97.             color:white;
  98.             width:100%;
  99.             height:70px;
  100.             font-size:30px;
  101.            
  102.            
  103.         }
  104.        
  105.     </style>
  106.     <body   text="White">
  107.         <center>
  108.             <h1 >Simple expressions</h1>
  109.             <stamp class="s1" style="background:black;color:lightpink">*Press tab after giving data*<stamp>
  110.         </center>  
  111.         <table border="1" align="center" cellspacing="20" cellpadding="70" width="70%">
  112.             <form>
  113.                 <tr>
  114.                     <td align="left" colspan="2">   <input type="textbox"class="s1" id="c1" onchange="f1()" placeholder="No1"></td>
  115.                     <td align="left" colspan="2">   <input type="textbox"class="s1" id="c2" onchange="f2()" placeholder="No2"></td>
  116.                     <td align="left" colspan="2">   <input type="textbox"class="s1" id="c3"  placeholder="Ans"></td>
  117.                    
  118.                    
  119.                 </tr>
  120.                 <tr>
  121.                     <td> <input type="button" class="s2" onclick="add()" value="+"></td>
  122.                     <td> <input type="button" class="s2" onclick="sub()" value="-"></td>
  123.                     <td> <input type="button" class="s2" onclick="mul()" value="x"></td>
  124.                     <td> <input type="button" class="s2" onclick="div()" value="/"></td>
  125.                    
  126.                 </tr>
  127.                    
  128.             </form>
  129.         </table>
  130.     </body>
  131.  
  132. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!