javascripthtmljqueryparameter-passingpercentage

Calculate percentage Javascript


I have a question about javascript logic what I use to get percent of two inputs from my text fields. Here is my code:

    var pPos = $('#pointspossible').val();
    var pEarned = $('#pointsgiven').val();
    
    var perc = ((pEarned/pPos) * 100).toFixed(3);
    $('#pointsperc').val(perc);

For some reason if my inputs are 600 and 200, my result suppose to be 33.333 but I'm getting 3.333. If I hard code my values this works fine. If anyone can help I appreciate that.


Solution

  • It seems working :

    HTML :

     <input type='text' id="pointspossible"/>
    <input type='text' id="pointsgiven" />
    <input type='text' id="pointsperc" disabled/>
    

    JavaScript :

        $(function(){
    
        $('#pointspossible').on('input', function() {
          calculate();
        });
        $('#pointsgiven').on('input', function() {
         calculate();
        });
        function calculate(){
            var pPos = parseInt($('#pointspossible').val()); 
            var pEarned = parseInt($('#pointsgiven').val());
            var perc="";
            if(isNaN(pPos) || isNaN(pEarned)){
                perc=" ";
               }else{
               perc = ((pEarned/pPos) * 100).toFixed(3);
               }
    
            $('#pointsperc').val(perc);
        }
    
    });
    

    Demo : http://jsfiddle.net/vikashvverma/1khs8sj7/1/