JSFiddle - React, Tailwind, and code Playground

by Jan Hjørdie

HTML

<html>

    <head>
        <title>SignalMan</title>	
        <script src="//code.jquery.com/jquery-1.6.4.min.js"></script>
        <script src="//cdn.bootcss.com/signalr.js/1.1.2/jquery.signalR.js"></script>
          <script src="//forsikringsguiden.dk/signalr/hubs"></script> 
        
        <script type="text/javascript">
        
         window.signalman = { connected: false, hub: null, argumentCount: 0 };

            $(function() {
              $('#connect2').click(function() {
              
              
              var insuranceOfferRequestHubProxy = $.connection.insuranceOfferRequestHub;
insuranceOfferRequestHubProxy.client.addContosoChatMessageToPage = function (name, message) {
    console.log(userName + ' ' + message);
};
$.connection.hub.start()
    .done(function(){ console.log('Now connected, connection ID=' + $.connection.hub.id); })
    .fail(function(){ console.log('Could not Connect!'); });
    
   
              });
              
            
                $('#connect').click(function() {
                    $('#connect').prop('value', 'Connecting...');

                    $.getScript($("#url").val() + '/hubs', function() {

                        $('#url').prop('disabled', true);
                        $('#hubname').prop('disabled', true);
                        $('#connect').prop('disabled', true);

                        $.connection.hub.url = $("#url").val();
                        $.connection.hub.start({ jsonp: true }).done(function() {
                            $('#connect').prop('value', 'Connected!');

                            $("#methodname").prop('disabled', false);
                            $(".argumentInputBox").prop('disabled', false);
                            $("#sendInvocation").prop('disabled', false);
                            $("#hubname").prop('disabled', false);

                            var count = 0;
                            for (var h in $.connection) {
                               ...