Write HTML Code For Simple JavaScript Calculator
Yesterday I revised the concept of HTML Forms in addition to JavaScript. While revising I encountered a University enquiry stating, "Q. Write Influenza A virus subtype H5N1 HTML Code To Make Simple Calculator Using Javascript Functions in addition to HTML Forms. Calculator Must Take Any Two Numbers from User in addition to Perform five Basic Arithmetic Operations i.e Addition, Subtraction, Multiplication, Division in addition to Modulo".
blogspot.com/_iFIztPmvqg8/Swv4zFewCkI/AAAAAAAAB2Q/U8i8Cl8nDH8/s400/Simple-JavaScript-Calculator.jpg" width="400" />I gave it a endeavour to write this pocket-size estimator application (using Javascript in addition to HTML Forms) in addition to managed to create next working script. This Javascript application is really simple, necessarily commented in addition to is slow to understand. I promise it may attempt useful to those interested inward learning javascript functions, thence experience similar sharing. To sympathise more, How Javascript Works? I recommend y'all refer this JavaScript Tutorial.
JavaScript Code - Simple JavaScript Calculator
<html> <head> <title>Simple Javascript Calculator - Basic Arithmetic Operations</title> <!-- Aim: Write HTML Code Using JavaScript Functions To Perform Basic Arithmetic Operations. --> <!-- 1. Take Two numbers from user tell 'Number 1' in addition to 'Number 2'. --> <!-- 2. Perform Addition, Subtraction, Multiplication, Division in addition to Modulus. --> <!-- 3. Result must endure displayed on same HTML Page when respective push is clicked. --> <!-- 4. Use <input> tag (HTML Forms Concept) alongside onclick.--> <!-- 5. Call private Javascript Function, set them within <head> tag only.--> <!-- 6. Javascript Tutorial/Code For Computer Science Students. --> <!-- 7. Tested in addition to Written By (c) Gaurav Akrani. --> <script language="javascript" type="text/javascript"> part multiply(){ a=Number(document.calculator.number1.value); b=Number(document.calculator.number2.value); c=a*b; document.calculator.total.value=c; } </script> <script language="javascript" type="text/javascript"> part addition(){ a=Number(document.calculator.number1.value); b=Number(document.calculator.number2.value); c=a+b; document.calculator.total.value=c; } </script> <script language="javascript" type="text/javascript"> part subtraction(){ a=Number(document.calculator.number1.value); b=Number(document.calculator.number2.value); c=a-b; document.calculator.total.value=c; } </script> <script language="javascript" type="text/javascript"> part division(){ a=Number(document.calculator.number1.value); b=Number(document.calculator.number2.value); c=a/b; document.calculator.total.value=c; } </script> <script language="javascript" type="text/javascript"> part modulus(){ a=Number(document.calculator.number1.value); b=Number(document.calculator.number2.value); c=a%b; document.calculator.total.value=c; } </script> </head> <body> <!-- Opening a HTML Form. --> <form name="calculator"> <!-- Here user volition acquire inward 1st number. --> Number 1: <input type="text" name="number1"> <br> <!-- Here user volition acquire inward sec number. --> Number 2: <input type="text" name="number2"> <br> <!-- Here termination volition endure displayed. --> Get Result: <input type="text" name="total"> <br> <!-- Here respective push when clicked, calls alone respective artimetic function. --> <input type="button" value="ADD" onclick="javascript:addition();"> <input type="button" value="SUB" onclick="javascript:subtraction();"> <input type="button" value="MUL" onclick="javascript:multiply();"> <input type="button" value="DIV" onclick="javascript:division();"> <input type="button" value="MOD" onclick="javascript:modulus();"> </form> </body> </html> Download JavaScript Calculator HTML Code Here : JavaScript Calculator!
JavaScript Output - Perform Arithmetic Operations
Copy in addition to glue inward a higher house HTML Code inward a notepad in addition to relieve it every bit JavaScript-Calculator.html. Now opened upward this saved HTML file inward whatever spider web browser (e.g: Internet Explorer alongside ActiveX Enabled) to acquire termination something similar this...
blogspot.com/_iFIztPmvqg8/Swv5Yi5g5ZI/AAAAAAAAB2U/5oynBZdT3iI/s400/Javascript-Arithmetic-Operations.jpg" width="400" />"Thanks! For reading my JavaScript Tutorial. Enjoy Scripting"...Gaurav Akrani.
