In this article we will discuss about how to pass JavaScript object to a function inside the script block. If we pass an object as a parameter and we will get the properties of function inside the called function. Below example I will show you about it.
Example:
<html>
<head>
<title>Pass JavaScriptobject to a function inside the script block</title>
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script type="text/javascript">
$(function () {
$("[id*=btnSubmit]").click(function () {
var dataobject = {};
dataobject.input1 = $("#txtFirstInput").val();
dataobject.input2 = $("#txtSecondInput").val();
$("#txtResult").val(addition(dataobject));
return false;
});
});
function addition(data) {
var out = parseInt(data.input1) + parseInt(data.input2);
return out;
}
</script>
<style type="text/css">
.btn {
font-size: 19px;
width: 100px;
height: 45px;
background: #00BCD4;
border-style: solid;
border-color: white;
color: white;
}
.mytextstyle {
font-size: 19px;
height: 45px;
width: 300px;
}
</style>
</head>
<body>
<h2 style="color: #FF5722;">Pass JavaScript object to afunction inside the script block</h2>
<table style="border: 1px solid #DED8D8; font-size: 1px; width: 500px; padding: 10px; font-family: Arial;">
<tr>
<td>Name:
</td>
<td>
<input type="text" id="txtFirstInput" class="mytextstyle" value="15" />
</td>
</tr>
<tr>
<td>Age:
</td>
<td>
<input type="text" id="txtSecondInput" class="mytextstyle" value="27" />
</td>
</tr>
<tr>
<td>
</td>
<td style="padding-left: 50px">
<input type="submit" id="btnSubmit" class="btn" value="Submit" />
</td>
</tr>
<tr>
<td>Result:
</td>
<td>
<input type="text" id="txtResult" class="mytextstyle" placeholder="Result" />
</td>
</tr>
</table>
</body>
</html>
Output:
Post your comments / questions
Recent Article
- Your system's memory configuration has changed since it entered hibernation.
- Save image to client browser using jQuery?
- Get filename of image jQuery?
- How to get the image src using JavaScript?
- System.Net.Http.Formatting, Version=5.2.3.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35' which has a higher version than referenced assembly 'System.Net.Http.Formatting' with identity 'System.Net.Http.Formatting, Version=4.0.0.0
- Cordova Android build error "Cannot read property 'length' of undefined". An error occurred while running subprocess cordova.
- ERROR in The Angular Compiler requires TypeScript >=3.9.2 and <4.0.0 but 3.8.3 was found instead
- Code ENOLOCAL Could not install from "android" as it does not contain a package.json file.
Related Article