JSFiddle - React, Tailwind, and code Playground

HTML

<label class="label_one" for="checkbox_one">
    Label One
</label>
<input type="checkbox" id="checkbox_one" />
<br/><br/>
<label for="checkbox_two" class="label_two">
    Label Two
</label>
<input type="checkbox" id="checkbox_two"/>

<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);
});