JSFiddle - React, Tailwind, and code Playground

by David Underwood

HTML

<script src="https://app.aeshield.com/Resources/Shared/Scripts/jquery/jquery.min.js"></script>

<div class="validationContainer">
    <div id="header">
        <div id="itemsDropdown">
          <select>
            <option value="a">Assembly1</option>
            <option value="c">c</option>
            <option value="cpp">c++</option>
            <option value="cf">coldfusion</option>
            <option value="g">groovy</option>
            <option value="h">haskell</option>
            <option value="j">java</option>
            <option value="js">javascript</option>
            <option value="p1">perl</option>
            <option value="p2">php</option>
            <option value="p3">python</option>
            <option value="r">ruby</option>
            <option value="s">scala</option>
          </select>
        </div>
        <div id="refresh">
            <i class="fa fa-refresh" aria-hidden="true"></i>    
        </div>
    </div>
    <div id="body">
        <div id="successMessage">
            <div class="successIcons">
                <span class="fa-stack fa-lg">
                    <i class="fa fa-check fa-stack-1x"></i>
                    <i class="fa fa-circle-thin fa-stack-2x"></i>
                </span>
            </div>
            Nothing to see here
        </div>
    </div>

    <div id="footer">
        <i class="fa fa-exclamation-triangle" aria-hidden="true"></i>
        <i class="fa fa-times-circle" aria-hidden="true"></i>
    </div>
</div>

JavaScript

console.log($('body').length)