JSFiddle - React, Tailwind, and code Playground

HTML

<label for="text1" class="label_one">
    Label One
    <input id="text1" type="checkbox"/>
</label>
<br/><br/>
<label for="text2" class="label_two">
    Label Two
    <input id="text2" type="checkbox" name="1"/>
</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 input').change(function(){
    var html = '<div class="log_sec_one">Log</div>';
    $('.logs').append(html);
});

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