JSFiddle - React, Tailwind, and code Playground

HTML

<span data-bind="text: CProviderIdentifier + 'cp'"></span>
<span data-bind="text: ReferringProviderIdentifier + 'rp'"></span>
<span data-bind="text: BillableCareProviderIdentifier + 'bc'"></span>
<span data-bind="text: PracticeLocationIdentifier + 'pi'"></span>
<span data-bind="text: ServiceLocationIdentifier + 'si'"></span>

JavaScript

function VisitModel()
{
    self = this;
    self.CProviderIdentifier = ko.observable();
    self.ReferringProviderIdentifier = ko.observable();
    self.BillableCareProviderIdentifier = ko.observable();
    self.ServiceLocationIdentifier = ko.observable();
    self.PracticeLocationIdentifier = ko.observable();
    
    self.LoadData = function()
    {
        var CareProviderIdentifier = 1003;
        var ReferringProviderIdentifier = 0;
        var BillableCareProviderIdentifier = 1003;
        var PracticeLocationIdentifier = 12;
        var ServiceLocationIdentifier = 12;
        
        visitModel.CProviderIdentifier(CareProviderIdentifier);
                visitModel.ReferringProviderIdentifier((ReferringProviderIdentifier == null || ReferringProviderIdentifier == "undefined") ? 0 : ReferringProviderIdentifier);
                visitModel.BillableCareProviderIdentifier(BillableCareProviderIdentifier);

                visitModel.PracticeLocationIdentifier(PracticeLocationIdentifier);
                visitModel.ServiceLocationIdentifier(ServiceLocationIdentifier);    
    }
}
$(function(){
var visitModel = new VisitModel();
visitModel.LoadData();
}