Jquery - Simple calculation

Simple Calculation using Jquery

by Otobong Okoko

HTML

Enter Value:<input type="text" id="valueAmt"/>

<br><br>
Results
<br />
Doubble 3 = <span id="tc3"></span> | <span id="pa3"></span> | <span id="tp3"></span>
<br />
Doubble 5 = <span id="tc5"></span> | <span id="pa5"></span> | <span id="tp5"></span>
<br />
Doubble 10 = <span id="tc10"></span> | <span id="pa10"></span> | <span id="tp10"></span>

CSS

input {width:300px}

JavaScript

function addCommas(nStr)
{
    nStr += '';
    x = nStr.split('.');
    x1 = x[0];
    x2 = x.length > 1 ? '.' + x[1] : '';
    var rgx = /(\d+)(\d{3})/;
    while (rgx.test(x1)) {
        x1 = x1.replace(rgx, '$1' + ',' + '$2');
    }
    return x1 + x2;
}

$("#valueAmt").keyup(function(){
        
var valin =  $('#valueAmt').val().substring(0,5);
 
var pid3 = 36;
var pid5 = 60;
var pid10 = 60;
 
var pod3 = 36;
var pod5 = 60;
var pod10 = 120;
 
var perd3 = 1.25;
var perd5 = 1.5;
var perd10 = 1;
 
var tc3 = valin * 36;
var tc5 = valin * 60;
var tc10 = valin * 60;

var pa3 = valin * perd3;
var pa5 = valin * perd5;
var pa10 = valin * perd10;

var tp3 = pa3 * pod3;
var tp5 = pa5 * pod5;
var tp10 = pa10 * pod10;
        
$("#tc3").text("N" + addCommas(tc3));
$("#tc5").text("N" + addCommas(tc5));
$("#tc10").text("N" + addCommas(tc10));

$("#pa3").text("N" + addCommas(pa3));
$("#pa5").text("N" + addCommas(pa5));
$("#pa10").text("N" + addCommas(pa10));

$("#tp3").text("N" + addCommas(tp3));
$("#tp5").text("N" + addCommas(tp5));
$("#tp10").text("N" + addCommas(tp10));

});