Java script calc by karan chanana
•Download as DOCX, PDF•
0 likes•609 views
The document contains code for a simple JavaScript calculator that performs basic arithmetic operations. It includes functions for addition, subtraction, multiplication, division, and modulus that take two numbers from a user form, perform the calculation, and display the result. The numbers and buttons are input through a basic HTML form while the functions containing the calculation logic are defined in JavaScript code in the head section.
More Related Content
Viewers also liked
Viewers also liked (20)
Similar to Java script calc by karan chanana
Similar to Java script calc by karan chanana (20)
More from karnchanana
More from karnchanana (9)
Recently uploaded
Recently uploaded (20)
Java script calc by karan chanana
- 1. JavaScript Calculator <html> 1. <head> 2. 3. <title>Simple Javascript Calculator - Basic Arithmetic Operations</title> 4. 5. <!-- Aim: Write HTML Code Using JavaScript Functions To Perform Basic Arithmetic Oper ations. --> 6. <!-- 1. Take Two numbers from user say 'Number 1' and 'Number 2'. --> 7. <!-- 2. Perform Addition, Subtraction, Multiplication, Division and Modulus. --> 8. <!-- 3. Result must be displayed on same HTML Page when respective button is clicked. --> 9. <!-- 4. Use <input> tag (HTML Forms Concept) with onclick.--> 10. <!-- 5. Call individual Javascript Function, put them inside <head> tag only.--> 11. <!-- 6. Javascript Tutorial/Code For Computer Science Students. --> 12. <!-- 7. Tested and Written By (c) Gaurav Akrani. --> 13. 14. <script language="javascript" type="text/javascript"> 15. function multiply(){ 16. a=Number(document.calculator.number1.value); 17. b=Number(document.calculator.number2.value); 18. c=a*b; 19. document.calculator.total.value=c; 20. } 21. </script> 22. 23. <script language="javascript" type="text/javascript"> 24. function addition(){ 25. a=Number(document.calculator.number1.value); 26. b=Number(document.calculator.number2.value); 27. c=a+b; 28. document.calculator.total.value=c; 29. } 30. </script> 31. 32. <script language="javascript" type="text/javascript"> 33. function subtraction(){ 34. a=Number(document.calculator.number1.value);
- 2. 35. b=Number(document.calculator.number2.value); 36. c=a-b; 37. document.calculator.total.value=c; 38. } 39. </script> 40. 41. <script language="javascript" type="text/javascript"> 42. function division(){ 43. a=Number(document.calculator.number1.value); 44. b=Number(document.calculator.number2.value); 45. c=a/b; 46. document.calculator.total.value=c; 47. } 48. </script> 49. 50. <script language="javascript" type="text/javascript"> 51. function modulus(){ 52. a=Number(document.calculator.number1.value); 53. b=Number(document.calculator.number2.value); 54. c=a%b; 55. document.calculator.total.value=c; 56. } 57. </script> 58. 59. </head> 60. 61. <body> 62. 63. <!-- Opening a HTML Form. --> 64. <form name="calculator"> 65. 66. <!-- Here user will enter 1st number. --> 67. Number 1: <input type="text" name="number1"> 68. 69. 70. <!-- Here user will enter 2nd number. --> 71. Number 2: <input type="text" name="number2"> 72. 73. 74. <!-- Here result will be displayed. --> 75. Get Result: <input type="text" name="total"> 76. <!-- Here respective button when clicked, calls only respective artimetic function. --> 77. <input type="button" value="ADD" onclick="javascript:addition();"> 78. <input type="button" value="SUB" onclick="javascript:subtraction();"> 79. <input type="button" value="MUL" onclick="javascript:multiply();"> 80. <input type="button" value="DIV" onclick="javascript:division();">
- 3. 81. <input type="button" value="MOD" onclick="javascript:modulus();"> 82. 83. </form> 84. 85. </body> 86. </html>