JSFiddle - React, Tailwind, and code Playground

by akoptsov

HTML

<form>
    <input id='button' type='button' value = 'Click Me'/>
</form>
<div class='content'>
    
</div>

CSS

.content{
    font-size:smaller;
}

JavaScript

function _info(ind, val){
    if(typeof val != 'object'){
        return $('<p></p>').text(ind + ': ' + val);
    } else {
        var container = $('<ul></ul>');
        $.each(val, function(name, value){
            $('<li></li>').text(name+': '+value).appendTo(container);
        });
        return container;
    }
}

$(function(){
    $('#button').click(function(){
        if(arguments.length){
            var content = $('.content');
            $.each(arguments, function(ind, val){
                if(val){
                    content.append(_info(ind, val));
                }
            });
        }
    });
});