JSFiddle - React, Tailwind, and code Playground

HTML

<input type="checkbox" value="0.5"/>
    <input type="checkbox" value="1"/>
    <input type="checkbox" value="1.5"/>
    <input type="checkbox" value="2"/>
    <input type="checkbox" value="3"/>
    <input type="checkbox" value="4"/>
    <input type="checkbox" value="6"/>
    <input type="checkbox" value="9"/>
    <input type="checkbox" value="12"/>
    
    <div id="result">
    <p></p>
    </div>

JavaScript

$("document").ready(function(){
        
        $("input").click(function() {
        var sum = 0;
        $("input:checked").each(function(){
         sum+= +$(this).val();
        });
            var text = sum < 2 ? ' малый' :  sum == 2 ? ' средний' : ' большой';   
        $('#result').html('<p>'+sum+ text+'</p>');
        }); 
    });