JSFiddle - React, Tailwind, and code Playground

by Santosh Thakur

HTML

<h1>How to right JavaScript OOP</h1>

JavaScript

var ServicePrices;
//var TotalPrice;
//var TotalPricedisplay;
//var ServiceFees;
var ServiceFeesdisplay;
//var ConsularFee;
var ConsularFeedisplay;
//var ShippingFee;
//var ShippingFeedisplay;
var TravelerCounts;
var SpeedOfServiceType;
var _isMultipleCurrencyDisplayEnabled;
var IsValidPassport = false;
var TravelerCounts;
var ServicePrices;
//var RushServicePrice;
//var StandardServicePrice;
var isValid = false;


$(function() {
  $('.showpopup').hover(function(e) {
    var topY = $(this).offset().top - $("#divMain0").offset().top + $('#poj').height() - 7,
      leftX = $(this).offset().left - $("#divMain0").offset().left + 30;
    if (parseInt($(this).attr('data-val')))
      $('#poj').css('top', eval(topY)).css('left', leftX).show();
    else
      $('#noe').css('top', eval(topY)).css('left', leftX).show();
  }, function() {
    $('#poj, #noe').hide()
  });

  $("#ppcDiv").click(function(event) {
    event.preventDefault();
  });
  $("#ppcDiv").hover(function(event) {
    event.preventDefault();
    $(".ppcPolicy").toggle();
  });
});

var IsTravelerMandatoryValuesValidated;
var IsShipingMandatoryValuesValidated;
var IsRemoveTraveler;

//---------------------------- Common Methods ----------------------------------------------------------------

function CheckDateFormat(val) {
  var DatePattern = /^((0?[1-9]|1[012])\/(0?[1-9]|[12][0-9]|3[01])\/(19|20)?[0-9]{2})*$/; //-- mm/dd/yyyy
  return DatePattern.test(val);
}

function CheckDateValidity(dateVal) {
  var RetVal = true;
  var DateValArr;
  var MonthVal;
  var DateVal;
  var YearVal;
  var CreatedDate;

  try {
    DateValArr = dateVal.split("/");
    MonthVal = DateValArr[0];
    DateVal = DateValArr[1];
    YearVal = DateValArr[2];

    CreatedDate = new Date(YearVal, MonthVal - 1, DateVal);

    if ((CreatedDate.getMonth() + 1 != MonthVal) || (CreatedDate.getDate() != DateVal) || (CreatedDate.getFullYear() != YearVal)) {
      RetVal = false;
    }

  } catch (e) {}

  return RetVal;
}

function...