JSFiddle - React, Tailwind, and code Playground

by wirey00

HTML

<input type='checkbox' />
<input type='checkbox' />
<input type='checkbox' />
<input type='checkbox' />
<input type='checkbox' />
<input type='checkbox' />
<input type='checkbox' />

<div id='one'>ONE</div>
<div id='two'>EARLY ADOPTER</div>
<div id='three'>LATE MAJORITY</div>
<div id='four'>LAGGARD</div>
<div id='EM'>EARLY MAJORITY</div>

JavaScript

$(function() {
    $('div').hide();
    $('input[type=checkbox]').change(function() {
        var len = $('input:checked').length;
        $('#four').toggle(len < 1 || len > 6);
        $('#three').toggle(len == 1);
        $('#two').toggle(len == 4 || len == 5);
        $('#one').toggle(len == 6);
        $('#EM').toggle(len == 2 || len == 3);
    });
});