Rabu, 18 Desember 2013

Simple JavaScript Calculator Code - JavaScript Arithmetic



Simple JavaScript Calculator


 JavaScript Code - Simple JavaScript Calculator

  1. <html>  
  2.   
  3. <head>  
  4.   
  5. <title>Simple Javascript Calculator - Basic Arithmetic Operations</title>  
  6.   
  7. <!-- Aim: Write HTML Code Using JavaScript Functions To Perform Basic Arithmetic Operations. -->  
  8. <!-- 1. Take Two numbers from user say 'Number 1' and 'Number 2'. -->  
  9. <!-- 2. Perform Addition, Subtraction, Multiplication, Division and Modulus. -->  
  10. <!-- 3. Result must be displayed on same HTML Page when respective button is clicked. -->  
  11. <!-- 4. Use <input> tag (HTML Forms Concept) with onclick.-->  
  12. <!-- 5. Call individual Javascript Function, put them inside <head> tag only.-->  
  13. <!-- 6. Javascript Tutorial/Code For Computer Science Students. -->  
  14. <!-- 7. Tested and Written By (c) Gaurav Akrani. -->  
  15.   
  16. <script language="javascript" type="text/javascript">  
  17. function multiply(){  
  18. a=Number(document.calculator.number1.value);  
  19. b=Number(document.calculator.number2.value);  
  20. c=a*b;  
  21. document.calculator.total.value=c;  
  22. }  
  23. </script>  
  24.   
  25. <script language="javascript" type="text/javascript">  
  26. function addition(){  
  27. a=Number(document.calculator.number1.value);  
  28. b=Number(document.calculator.number2.value);  
  29. c=a+b;  
  30. document.calculator.total.value=c;  
  31. }  
  32. </script>  
  33.   
  34. <script language="javascript" type="text/javascript">  
  35. function subtraction(){  
  36. a=Number(document.calculator.number1.value);  
  37. b=Number(document.calculator.number2.value);  
  38. c=a-b;  
  39. document.calculator.total.value=c;  
  40. }  
  41. </script>  
  42.   
  43. <script language="javascript" type="text/javascript">  
  44. function division(){  
  45. a=Number(document.calculator.number1.value);  
  46. b=Number(document.calculator.number2.value);  
  47. c=a/b;  
  48. document.calculator.total.value=c;  
  49. }  
  50. </script>  
  51.   
  52. <script language="javascript" type="text/javascript">  
  53. function modulus(){  
  54. a=Number(document.calculator.number1.value);  
  55. b=Number(document.calculator.number2.value);  
  56. c=a%b;  
  57. document.calculator.total.value=c;  
  58. }  
  59. </script>  
  60.   
  61. </head>  
  62.   
  63. <body>  
  64.   
  65. <!-- Opening a HTML Form. -->   
  66. <form name="calculator">  
  67.   
  68. <!-- Here user will enter 1st number. -->   
  69. Number 1: <input type="text" name="number1">   
  70.    
  71.   
  72. <!-- Here user will enter 2nd number. -->   
  73. Number 2: <input type="text" name="number2">   
  74.   
  75.   
  76. <!-- Here result will be displayed. -->   
  77. Get Result: <input type="text" name="total">   
  78.   
  79.   
  80. <!-- Here respective button when clicked, calls only respective artimetic function. -->   
  81. <input type="button" value="ADD" onclick="javascript:addition();">  
  82. <input type="button" value="SUB" onclick="javascript:subtraction();">  
  83. <input type="button" value="MUL" onclick="javascript:multiply();">  
  84. <input type="button" value="DIV" onclick="javascript:division();">  
  85. <input type="button" value="MOD" onclick="javascript:modulus();">  
  86.   
  87. </form>  
  88.   
  89. </body>  
  90. </html>  

Download JavaScript Calculator HTML Code Here : JavaScript Calculator!

square JavaScript Output - Perform Arithmetic Operations


Javascript Arithmetic Operations
Diposting oleh Unknown di 12/18/2013 01:42:00 AM

0 komentar:

Posting Komentar

Langganan: Posting Komentar (Atom)