JSFiddle - React, Tailwind, and code Playground
HTML
<button id="wydylWydget" data-enc='[{"company_id":"2","game_id":"2","version_id":"2"}]'><h1>someh1</h1><Hello</button>
JavaScript
//var homeURL = 'http://www.wydyl.in/';
var homeURL = 'http://www.wydyl.com/';
var lsd = '';
var end = '';
var dt = null;
(function($){
dt = $("#wydylWydget").data('enc');
$.noConflict(true);
var mT = $(window).height()/7;
//setup vars
var css_link = $("<link>", {
rel: "stylesheet",
type: "text/css",
href: homeURL + "widgets/style.css"
});
var register = function(){
//alert();
var dt = $("#wydylWydget").data('enc');
console.log(dt);
if ($("#name").val()!== '' && $("#email").val()!== ''){
//setTimeout(function(){
$.ajax ({
url: homeURL,
dataType:'json',
type:'POST',
data: {
email : $("#email").val(),
company_id : dt[0].company_id,
name : $("#name").val(),
live_start_date : lsd,
live_end_date : end,
game_id : dt[0].game_id,
version_id : dt[0].version_id,
_action: "register_widget"
},
xhrFields: { withCredentials: false },
success: function(response){
alert(response);
$("#loginFormError").html(" "+response.error+" ");
$("#loginButton").removeClass("loadingMe");
}
});
}else{
if($("#name").val()== ''){
$("#name").css('border','1px solid #c11');
}
if($("#email").val()== ''){
$("#email").css('border','1px solid #c11');
}
$("#loginFormError").html("Please fill the Mandatory fields")
}
};
var $container = $('#wydylWydget');
//inject CSS required for widget
css_link.appendTo('head');
$container.click(function(){
$("body").prepend("<div...