JSFiddle - React, Tailwind, and code Playground

by fredd man

HTML

<a href="#openModal">.</a>

<div id="openModal" class="modalDialog">
    <div> <a href="#close" title="Close" class="close">X</a>
 




        	
<!DOCTYPE html>
<html>
<head>
  <title>JW Player Stream Tester</title>
  <link rel="icon" type="image/x-icon" href="//www.jwplayer.com/wp-content/themes/jwplayer-105/favicon.ico">
  <link type="text/css" rel="stylesheet" href="https://dl.dropboxusercontent.com/s/p980l5vqn8s0nvc/reset.css">
  <link type="text/css" rel="stylesheet" href="https://dl.dropboxusercontent.com/s/w03g2tihowjxs7t/style.css">
  <script type="text/javascript" src="https://embed-ssl.wistia.com/deliveries/9b0ed3b4fd7a2eb3049b51cd26b48b9c0300e7b9.bin?disposition=attachment&filename=jwplayer6.10.js"></script>





    <script type="text/javascript">
        jwplayer.key = "2U/m9jOYEC49U1j3cNoou7IjxvGS5j03XTpetE5wCVBAwRqhG9pSYWQIMW0=";</script>


<script type="text/javascript" src="https://embed-ssl.wistia.com/deliveries/59518fe9c5f24a64455c897b36b8d3f860a3c0ee.bin?disposition=attachment&filename=speed350.js"></script>
  
<script type="text/javascript" src="https://dl.dropboxusercontent.com/s/7omunx5vv9bja9n/jquery.min.js"></script>
  <script src="https://dl.dropboxusercontent.com/s/c4vv14wowzgo52w/client.js"></script>
  <script type='text/javascript'>
    function makeShort()
    {
        var longUrl=document.getElementById("longurl").value;
        var request = gapi.client.urlshortener.url.insert({
          'resource': {
          'longUrl': longUrl
        }
        });
        request.execute(function(response){
            if(response.id != null){
                str ="<br /><br />";
                str +="<b>Short URL:</b> <a href='"+response.id+"'>"+response.id+"</a><br>";
                document.getElementById("output").innerHTML = str;
            }
        });
     }
    function load(){
        gapi.client.setApiKey('AIzaSyCCd7R6tUAGAwFNlq0hV_C7GWNEZNhzxa4');
        gapi.client.load('urlshortener',...