JSFiddle - React, Tailwind, and code Playground

by David Kyle

HTML

<div>
<p id="SearchStartDate">
Start
</p>
</div>

JavaScript

let Search = (function() {
  let local = this;
  let $dom = null;
  let messages = null;

  let init = function(args) {
    if (args) {
      if (args.root) {
        $dom = args.root;
      }
    }

    if (args.helper) {
      messages = args.helper.Messages;
    }

    if ($dom) {
      $(function() {
      	messages.Add("Page Loaded");
        let startPicker = $dom.find('#SearchStartDate');
        
        console.log(startPicker);
      });
    }
  };

  return {
    Init: init
  }
})();

let PageHelpers = (function() {
  let local = this;

  let PageMessages = (function() {
    let l = this;

    l.Add = function(messages) {
      alert(messages);
    };

    return l;
  })();

  return {
    Messages: PageMessages
  };
})();
Search.Init({
  root: $(document),
  helper: PageHelpers
});