JSFiddle - React, Tailwind, and code Playground

by zachreynolds

HTML

<script language="JAVASCRIPT" type="text/javascript" src="https://code.jquery.com/jquery-3.2.1.min.js"></script>

    <link rel="stylesheet prefetch" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css">
   
    
    <style class="cp-pen-styles">

      .syntax {
        background: #000;
        color: #eee;
        margin: 10px;
        border: solid thin #333;
      }

      .syntax span {
        counter-increment: linecounter;
      }

      .syntax span:before {
        content: counter(linecounter);
        width: 1.2em;
        text-align: center;
        display: inline-block;
        border-right: 1px solid #444;
        margin-right: 10px;
        font-style: normal !important;
        color: #444 !important;
      }

      #template {
        display: none;
      }

      .num {
        font-weight: 600;
        color: #090;
      }

      [class*=var] {
        font-weight: 600;font-style: normal !important;
      }

      .clr {
        border-radius: 1px;
        color: white;
        font-weight: 400;
      }

      .str, .str i {
        color: #999 !important;
        font-weight: 400 !important;
      }

      .reg, .reg i {
        color: #999 !important;
        font-weight: 500;
        !important}

      .cmnt, .cmnt i {
        color: #555 !important;
        font-weight: 400 !important;
      }

      @media (max-width: 400px) {
        .syntax {
          font-size: 12px;
        }
      }
    
</style>
  
  
    <h2>JS</h2>
    <pre class="syntax">function myFunction()
{
  var num = 12;
  var rx = /[a-z]/;
  alert("Hello World!");
}</pre>
    <h2>JS</h2>
    <pre class="syntax">var jq = document.createElement('script');
var protocol = location.protocol+"//";
jq.src = protocol+"ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js";
document.getElementsByTagName('head')[0].appendChild(jq);
setTimeout(function(){
    jQuery.noConflict()
  $(".delete").click();
  clickOk =...