JSFiddle - React, Tailwind, and code Playground

by Omar X

HTML

<!DOCTYPE html>
<html>
    
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="black">
        <title></title>
        <!--link rel="stylesheet" href="css/jquery.mobile-1.3.1.min.css"-->
        <link rel="stylesheet" href="css/jquery.mobile-1.3.1.css">
        <link rel="stylesheet" href="css/jquery.mobile.structure-1.3.1.css">
        <link rel="stylesheet" href="css/jquery.mobile.structure-1.3.1.min.css">
        <link rel="stylesheet" href="css/jquery.mobile.theme-1.3.1.css">
        <link rel="stylesheet" href="css/jquery.mobile.theme-1.3.1.min.css">
        <link rel="stylesheet" href="css/base.css">
        <!-- Extra Codiqa features -->
        <!-- jQuery and jQuery Mobile -->
        <script src="js/jquery-1.9.1.min.js"></script>
        <script src="cordova-2.7.0.js"></script>
        <!--script src="js/jquery.mobile-1.3.1.min.js"></script-->
        <!--script src="js/jquery.mobile-1.3.1.min.js"></script-->
        <script src="lib/jquery.textselect.min.js" type="text/javascript"></script>
        <script src="lib/jquery.scrollTo.min.js" type="text/javascript"></script>
        <script src="js/jquery.search.min.js" type="text/javascript"></script>
        <script src="js/jquery.mobile-1.3.1.js"></script>
        <script src="js/index.js"></script>
        <script src="js/PopupScript.js"></script>
        <script src="js/CasePadDatabase.js"></script>
        <script type="text/javascript" src="js/websocket.js"></script>
        <script src="js/BackButtonImplentation.js"></script>
        <script src="js/fontSizeFunctionality.js"></script>
        <script src="js/CreateFolder.js"></script>
        <script type="text/javascript" charset="utf-8" src="js/WebSocketPlugin.js"></script>
        <script type="text/javascript" charset="utf-8"...

JavaScript

$(document).on('click', '#Cancel', function () {
    $("#AddButton").text('Add');
    $(".caseName_h").attr("readonly", false);
    $.mobile.changePage($("#Home"), {
        transition: 'none'
    });
});
$('.ui-popup-screen').on('click', function () {
    alert('clicked outside popup');
});