JSFiddle - React, Tailwind, and code Playground

by Barry Meijer

HTML

<div id="msgBox"></div>

JavaScript

$('#msgBox').html($('#msgBox').html() + '<div class="table-row"><div class="table-col-l">Number:</div><div class="table-col-r"><input id="lunchtbc" type="checkbox"> TBC</div></div></div>')
    
    $('#msgBox').html($('#msgBox').html() + '<div class="table-row" id="lunchnumber"><div class="table-col-l">Number:</div><div class="table-col-r"><div id="lunchnum"></div><span id="lunchno"></span></div></div></div>')
    
    $('body').on('click', '#lunchtbc', function(){
        $('#lunchnumber').hide()
    });