JSFiddle - React, Tailwind, and code Playground

by LijoCheeran

HTML

<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<div id="mainWrapper" style="padding:5px 0 0 5px;">



</div>

CSS

.toolbar-button {
            background-color: silver;
            color: darkblue;
        }

JavaScript

function launchAddUserPopup()
{
	alert("Hello");
}

$(function () {

          var htmlButtonElement = '<button id="btnAddProvider" type="button" class="btn btn-info toolbar-button" title="Add Provider" style="float:left;">'+
              '<span id="spanAddProvider" class="glyphicon glyphicon-plus" style="pointer-events: none;"></span>'+
          '</button>'

          $('#mainWrapper').append(htmlButtonElement);

 					$(document.body).on('click', '#btnAddProvider', function () {
                launchAddUserPopup();
                event.preventDefault();
            });
});