JQuery adding two number simple example:-
Using JQuery we can very easy to add two number, first we need to include the JQuery Plugin file and after create three text box and one button for action.
Example Program:-
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script type="text/javascript">
function add_two_number()
{
$("#display_message").show();
if($("#txt1").val()=="" || $("#txt2").val()=="")
{
$("#display_message").html("<font color='red'>Enter the the Value First</font>");
}
else
{
var answer=parseInt($("#txt1").val()) + parseInt($("#txt2").val())
$("#display_message").html("<font color='green'><b>"+answer+"</b></font>");
$("#txt3").val(answer);
}
}
</script>
<div id="display_message" style="display:none;">55</div>
<input type="text" id="txt1" placeholder="Enter First Number">
<input type="text" id="txt2" placeholder="Enter Second Number">
<input type="text" id="txt3" disabled placeholder="Answer">
<input type="button" value="Answer" onclick="add_two_number();">
Output
Advertisement
Using JQuery we can very easy to add two number, first we need to include the JQuery Plugin file and after create three text box and one button for action.
Example Program:-
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script type="text/javascript">
function add_two_number()
{
$("#display_message").show();
if($("#txt1").val()=="" || $("#txt2").val()=="")
{
$("#display_message").html("<font color='red'>Enter the the Value First</font>");
}
else
{
var answer=parseInt($("#txt1").val()) + parseInt($("#txt2").val())
$("#display_message").html("<font color='green'><b>"+answer+"</b></font>");
$("#txt3").val(answer);
}
}
</script>
<div id="display_message" style="display:none;">55</div>
<input type="text" id="txt1" placeholder="Enter First Number">
<input type="text" id="txt2" placeholder="Enter Second Number">
<input type="text" id="txt3" disabled placeholder="Answer">
<input type="button" value="Answer" onclick="add_two_number();">
Output
Advertisement
I have gone through this blog and found it very interesting. All the posts are very useful
ReplyDeletenice code
ReplyDelete