JSFiddle - React, Tailwind, and code Playground

by minagabriel

JavaScript

<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <title></title>
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.0/jquery.mobile-1.4.0.min.css"/>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
    <script type="text/javascript" src="http://code.jquery.com/mobile/1.4.0/jquery.mobile-1.4.0.min.js"></script>
</head>
<style>
    .footer-wrapper {

        position: absolute;
        bottom: 0px;
        width: 100%;
    }

    .popup-span {
        color: red;
    }
</style>

<script type="text/javascript" language="JavaScript">
    var x = "mina";
    $(function () {

        $.getJSON("http://192.168.1.18:8081", function (data) {
            console.log(data);
        });
        $('#muleTest').click(function () {
            $.getJSON("http://192.168.1.18:8081", function (data, status, xhr) {
                if (status == "success") {
                    var $popup = $('#messagePopup'),
                            $popupText = $('#overlay p');
                    $popupText.html('Server respond with<span class="popup-span"> ' + data + '</span> which is a good thing!');
                } else {
                    $popupText.html('Server Error!');
                }
                $popup.click();
            });

        });

    });


</script>
<body>

<!-- Start of first page -->
<div data-role="page" id="foo">

    <div data-role="header">
        <h1>Hershey Demo</h1>
        <!--<img src="http://icons.iconarchive.com/icons/michael/nike/48/Nike-Shirt-11-icon.png" class="align-right"/>-->
        <!--<img src="http://icons.iconarchive.com/icons/graphics-vibe/simple-rounded-social/48/twitter-icon.png"  style="float: right;margin-top: 0px" class="align-left"/>-->
    </div>
    <!-- /header -->

    <div data-role="content">
        <p>
        <ul data-role="listview" data-inset="true">
            <li data-icon="false">
                <a...