JSFiddle - React, Tailwind, and code Playground

by nosfan1019

HTML

<div id="email">
            <span id='label'>Email: </span>
            <input type="text" id="input" />
        </div>
        <div id="demo2"></div>

JavaScript

$(function(){
    $("body").mousedown(function(event) {
        var dom = $(event.target).attr('id');
        var top = $(event.target).parent().parent().attr('id');
        var lower = $(event.target).parent().parent().parent().attr('id');
        
        if (dom === 'email' || dom === 'label' || dom === 'input') {
            $('#demo2').text('asdf');
        } else {
            $('#demo2').empty();
        }
        
    }); 
    
    $(document).on('click','.dropdown ul a',function(){
        var text = $(this).text();
        $(this).closest('.dropdown').children('a.dropdown-toggle').html(text + ' <b class="caret"></b>');
    });  
    
});