JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.googleapis.com/ajax/libs/prototype/1.7.0.0/prototype.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/scriptaculous/1.8.3/scriptaculous.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>

JavaScript

jQuery.noConflict();  // restore '$' to Prototype

function log(msg, color) {
    var div = document.createElement("div");
    div.appendChild(document.createTextNode(msg));
    div.style.color = color || "black";
    document.body.appendChild(div);
}

log("Loading Prototype " + Prototype.Version + ", Scriptaculous " + Scriptaculous.Version + " and jQuery " + jQuery.fn.jquery + " on the same page");

window.onload = function() {
    if (window.jQuery && jQuery.fx) {
        log("jQuery loaded correctly!", "green");
    } else {
        log("jQuery failed to load completely.", "red");
    }
 }

var loadTimer = setTimeout(function() {
    log("Prototype load event did not fire, probably due to jQuery conflict.", "red");
}, 5000);
Event.observe(window, "load", function() {
    clearTimeout(loadTimer);
    log("Prototype load event fired successfully!", "green");
});