Full source code
<div>
<input type="text" id="num1" placeholder="Enter number 1">
<input type="text" id="num2" placeholder="Enter number 2">
</div>
<div>
<button id="add">+</button>
<button id="subtract">-</button>
<button id="multiply">*</button>
<button id="divide">/</button>
</div>
<div>
<input type="text" id="result" placeholder="Result" readonly>
</div>
<script src="
You do not have permission to view the full content of this post.
Log in or register now."></script>
<script>
$(document).ready(function() {
$('#add').click(function() {
var num1 = parseFloat($('#num1').val());
var num2 = parseFloat($('#num2').val());
var result = num1 + num2;
$('#result').val(result);
});
$('#subtract').click(function() {
var num1 = parseFloat($('#num1').val());
var num2 = parseFloat($('#num2').val());
var result = num1 - num2;
$('#result').val(result);
});
$('#multiply').click(function() {
var num1 = parseFloat($('#num1').val());
var num2 = parseFloat($('#num2').val());
var result = num1 * num2;
$('#result').val(result);
});
$('#divide').click(function() {
var num1 = parseFloat($('#num1').val());
var num2 = parseFloat($('#num2').val());
var result = num1 / num2;
$('#result').val(result);
});
});
</script>