JSFiddle - React, Tailwind, and code Playground

HTML

<div>Please choose <div class="sidesRemaining"></div> more sides.</div>
<br/>
<input type="checkbox" /> - Corn
<input type="checkbox" /> - Potatoes
<input type="checkbox" /> - Salad
<input type="checkbox" /> - Rice
<input type="checkbox" /> - Veggies

CSS

.sidesRemaining {
    display:inline-block;
    font-weight:bold;
}

JavaScript

$(document).ready(function() {
    var sidesRemaining = 3;
    $('.sidesRemaining').html(sidesRemaining);
    $('input[type="checkbox"]').click(function() {
       if ($(this).is(':checked')) {
           // Decrease total by 1
           sidesRemaining -= 1;
       } else {
           // Increase total by 1
           sidesRemaining += 1;
       }
       $('.sidesRemaining').html(sidesRemaining);
    });
});