JSFiddle - React, Tailwind, and code Playground

by Suresh Pattu

HTML

<label class="label_one">
    Label One
    <input type="checkbox"/>
</label>
<br/><br/>
<label for="text" class="label_two">
    Label Two
    <input type="checkbox" name="text"/>
</label>

<div class="logs"></div>

CSS

.log_sec_one{display:block;color:white;background:red;margin:20px 0px;}
.log_sec_two{display:block;color:white;background:green;margin:20px 0px;}

JavaScript

$('.label_one').click(function(){
    var html = '<div class="log_sec_one">Log</div>';
    $('.logs').append(html);
});

$('.label_two').click(function(){
    var html = '<div class="log_sec_two">Log</div>';
    $('.logs').append(html);
});