Advertisement
SalimFadhil

simple calculator

Jun 3rd, 2019
1,176
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>Page Title</title>
  5. <script>
  6.  
  7.  
  8. setInterval(function(v1 , op , v2 , out){
  9.  v1 = document.getElementById("v1");
  10.  op = document.getElementById("op");
  11.  v2 = document.getElementById("v2");
  12.  out = document.getElementById("out");
  13.  if(op.value == '+')
  14. {
  15. out.textContent = parseInt(v1.value) + parseInt(v2.value);
  16. }
  17. else if(op.value == '-'){
  18. out.textContent = parseInt(v1.value) - parseInt(v2.value);
  19. }
  20. else if(op.value == 'x'){
  21. out.textContent = parseInt(v1.value) * parseInt(v2.value);
  22. }
  23. else if(op.value == '/'){
  24. out.textContent = parseInt(v1.value) / parseInt(v2.value);
  25. }
  26. console.log(v1)
  27. },1);
  28.  
  29. </script>
  30. <style>
  31. input{width: 80px;text-align:center;}
  32. #op{width: 40px;text-align:center;}
  33. </style>
  34. </head>
  35. <body>
  36.  
  37. <input type="text" id="v1" >
  38. <select id="op">
  39. <option>+</option>
  40. <option>-</option>
  41. <option>x</option>
  42. <option>/</option>
  43. </select>
  44. <input type="text" id="v2">
  45. <b> = <span id="out"></span> </b>
  46.  
  47. </body>
  48. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement