How To Multiply Two Values Without Clicking A Button - Javascript

Question

Here is my fiddle http://jsfiddle.net/YFgkB/6/

Solution 1:

Working DEMO

Try this

$("#input2,#input1").keyup(function () {
    $('#output').val($('#input1').val() * $('#input2').val());
});

Solution 2:

Use onkeyup="calc()" on input elements

<input type="text" name="input1" id="input1" onkeyup="calc()"value="5">
<input type="text" name="input2" id="input2" onkeyup="calc()" value="">

Fiddle DEMO

Solution 3:

using jquery..

try this

 $('#input1,#input2').keyup(function(){
     var textValue1 =$('#input1').val();
     var textValue2 = $('#input2').val();

    $('#output').val(textValue1 * textValue2); 
 });

Solution 4:

you can call calc() function on blur event

Baca Juga

DEMO

function calc(){
   var textValue1 = document.getElementById('input1').value;
   var textValue2 = document.getElementById('input2').value;

   if($.trim(textValue1) != '' && $.trim(textValue2) != ''){
      document.getElementById('output').value = textValue1 * textValue2; 
    }
}

$(function(){
   $('#input1, #input2').blur(calc);
});

Solution 5:

DEMO

Try this!

function add() {
  var x = parseInt(document.getElementById("a").value);
  var y = parseInt(document.getElementById("b").value)
  document.getElementById("c").value = x * y;
}

Enter 1st Number :
<input type="text" id="a">
<br>
<br>Enter 2nd Number :
<input type="text" id="b" onkeyup="add()">
<br>
<br>Result :
<input type="text" id="c">

Code Html5

How To Multiply Two Values Without Clicking A Button - Javascript

Solution 1:

Working DEMO

Solution 2:

Solution 3:

Solution 4:

Solution 5:

Post a Comment for "How To Multiply Two Values Without Clicking A Button - Javascript"