Live
x
<html><head> <title>PI Code Club - Addition of Two Numbers Using jQuery</title> <!-- include jquery file --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js" type='text/javascript'></script> <script language="javascript"> $(document).ready(function() { $("#calculate").click(function() { var num1 = $("#num1").val(); var num2 = $("#num2").val(); var answer = parseInt(num1) + parseInt(num2); alert(answer); $("#answer").val(answer); }); }); </script></head><body> <h3>Addition of Two Numbers</h3> <br>Variable A : <input type="number" id="num1" class="form-control" placeholder="0"> <br>Variable B : <input type="number" id="num2" class="form-control" placeholder="0"> <br>Answer C=A+B: <input type="number" id="answer" class="form-control" placeholder="0" readonly> <button id="calculate" type="button">calculate</button></body></html>
Live
xxxxxxxxxx7
function add() { var num1 = $("#num1").val(); var num2 = $("#num2").val(); var answer = parseInt(num1) + parseInt(num2); $("#total").val(answer);}
External CSS
This Pen doesn't use any external CSS resources.
External JavaScript
This Pen doesn't use any external JavaScript resources.