JSFiddle - React, Tailwind, and code Playground

by doug65536

HTML

<!-- 2.0.3, 2.0.2, 2.0.1, 2.0.0, 1.10.2, 1.10.1, 1.10.0, 1.9.1, 1.9.0, 1.8.3, 1.8.2, 1.8.1, 1.8.0, 1.7.2, 1.7.1, 1.7.0, 1.6.4, 1.6.3, 1.6.2, 1.6.1, 1.6.0, 1.5.2, 1.5.1, 1.5.0, 1.4.4, 1.4.3, 1.4.2, 1.4.1, 1.4.0, 1.3.2, 1.3.1, 1.3.0, 1.2.6, 1.2.3 -->

<!-- the "default" jQuery -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.js"></script>

<!-- some conflicting jQueries -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.js"></script>
<script>$1_10_1 = $.noConflict();</script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.js"></script>
<script>$1_9_1 = $.noConflict();</script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.js"></script>
<script>$1_8_3 = $.noConflict();</script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.js"></script>
<script>$1_6_1 = $.noConflict();</script>

<button id="jq1-6-1">1.6.1 button</button>
<button id="jq1-8-1">1.8.1 button</button>
<button id="jq1-8-3">1.8.3 button</button>
<button id="jq1-9-1">1.9.1 button</button>
<button id="jq1-10-1">1.10.1 button</button>

<div id="log"></div>

JavaScript

debugger;
$('#jq1-6-1').on('click', function() {
    $1_6_1('#log').append($('<p>').text("1.6.1 button"));
});

$('#jq1-8-1').on('click', function() {
    $('#log').append($('<p>').text("1.8.1 button"));
});

$1_8_3('#jq1-8-3').on('click', function() {
    $1_8_3('#log').append($('<p>').text("1_8_3 button"));
});

$1_9_1('#jq1-9-1').on('click', function() {
    $1_9_1('#log').append($('<p>').text("1_9_1 button"));
});

$1_10_1('#jq1-10-1').on('click', function() {
    $1_10_1('#log').append($('<p>').text("1_10_1 button"));
});