JSFiddle - React, Tailwind, and code Playground

by rory kil

HTML

<label id="NewPermanent_calculatedRate" />
<input id="baseRate" type="text" value="10.45"/>
<input id="NewPermanent_txtIntMargin1" type="text" onTexChanged="calculateRate();"/>
<label id="NewPermanent_calculatedLabel" />

JavaScript

calculateRate =
function() {
                //try
                    //{
                //alert('sdsd');
                alert('done1');
                var baserate = '10.45';//document.getElementById('baseRate').value;
                    var margin = document.getElementById('NewPermanent_txtIntMargin1').value;
                    //var marginSignDD = document.getElementById("ddlLocation"); 
                    //var marginSign = marginSignDD.options[e.selectedIndex].value;
                //var marginSign = document.getElementById('lblIntMargin1Value').value;
                alert('done2');
                    var effect = parseFloat(baserate)+parseFloat(margin);
                    //alert(effect);
                    var message = 'Effective Rate (base rate <b>${baserate}</b> with margin applied)';
                    document.getElementById('NewPermanent_calculatedRate').innerHTML = effect.toFixed(2);
                    document.getElementById('NewPermanent_calculatedLabel').innerHTML = message;
                alert('done3');
                //}
                //catch(ex)
                //{}
            }