Показать результаты на события и значения keyup внутри формы как?

Question

Как отображать вывод на событии keyup, а не на submit, а также значения внутри полей ввода?

Я пробовал читать только <input id="result" name="totalamount" value="" readonly/>, но его не работает. может кто-то helo?

Вот таял полные коды

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script> 
<script> 
    $('#myForm').submit(function (event) { 
     event.preventDefault(); 

     var actualprice = Number($("#actualprice").val().trim()); 
     var discount = Number($("#discount").val().trim()); 
     var shipping = Number($("#shipping").val().trim()); 

     var discountRate = (100 - discount)/100; 
     var result = (actualprice * discountRate) + shipping; 

     $("#result").html("Result :" + result.toFixed(2)); 
    }); 
</script> 


<form id="myForm"> 
    <input id="actualprice" type="number" placeholder="Actual Price"> 
    <input id="discount" type="number" placeholder="Discount"> 
    <input id="shipping" type="number" placeholder="Shipping"> 
    <input id="result" name="totalamount" value="" readonly/> 
    <h3 id="result"></h3> 

    <input type="submit" value="Submit"> 
</form> 

Answer 1

Используйте keyup событие для input и вы используете тот же idresult для input и h3. Я изменил id от h3 до result2.

$('input').on('keyup input', function() { 
 
    var actualprice = Number($("#actualprice").val().trim()); 
 
    var discount = Number($("#discount").val().trim()); 
 
    var shipping = Number($("#shipping").val().trim()); 
 

 
    var discountRate = (100 - discount)/100; 
 
    var result = (actualprice * discountRate) + shipping; 
 
    
 
    $("#result").val("Result :" + result.toFixed(2)); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<form id="myForm"> 
 
    <input id="actualprice" type="number" placeholder="Actual Price"> 
 
    <input id="discount" type="number" placeholder="Discount"> 
 
    <input id="shipping" type="number" placeholder="Shipping"> 
 
    <input id="result" name="totalamount" value="" readonly /> 
 
    <h3 id="result2"></h3> 
 

 
    <input type="submit" value="Submit"> 
 
</form>