In this JavaScript Tutorial, we will create a function which adds two numbers and return the added value. The function return value is decided by the parameter value. Here, we will see how to read numbers from HTML Input Field and sum the values.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 |
<!DOCTYPE HTML> <HTML> <HEAD> <TITLE>Learn Java Script</TITLE> <script type="text/javascript" > function getSum(Number1, Number2) { return (Number1 + Number2); } function addNumbers() { var result; var num1 = document.getElementById("Number1").value; var num2 = document.getElementById("Number2").value; //Pasrse it to number. Or you will get 52 (String Append) num1 = parseInt(num1); num2 = parseInt(num2); result = getSum(num1, num2); document.getElementById("h3Out").innerHTML = result; } </script> </HEAD> <BODY> <H1> JavaScript Function - Return Value </H1> <br/> Enter Number 1: <input type="text" id="Number1" value="5"/> <br/> Enter Number 2:<input type="text" id="Number2" value="2"/> <br/> <Input type="button" value="Add" onclick="addNumbers()"/> <br/> <h3 id="h3Out" style="color:brown"> </h3> </BODY> </HTML> |
- Functions with Parameters – Javascript Tutorial #08
- Closures & Lexical Scope – JavaScript Tutorial #10
Categories: JavaScript-Tube
Do you like this Example? Please comment about it for others!!
This site uses Akismet to reduce spam. Learn how your comment data is processed.