JSFiddle - React, Tailwind, and code Playground

by Ravindra Athreya

HTML

<table>
                    <tr>//tabledata
                         <td ><input type="checkbox" /></td>
                        <td >Vijay Prakash</td>
                        <td class="number">34</td>
                        <td >[email protected]</td>
                        <td ></td>
                    </tr>
                    <tr>//table data
                        <td ><input type="checkbox" /></td>
                        <td >Sashi Pagadala</td>
                        <td class="number">21</td>
                        <td >[email protected]</td>
                        <td ></td>
                    </tr>
                     <tr>//table data
                        <td ><input type="checkbox" /></td>
                        <td >Sashi </td>
                        <td class="number">49</td>
                        <td >[email protected]</td>
                        <td ></td>
                    </tr>

                </table>
                <input type="button" id="btnCalculate" value="Calculate"/>
                <label>Average:</label>
                <label id="lblAverage"></label>
                <label>Max:</label>
                <label id="lblMax"></label>

JavaScript

$("#btnCalculate").click(function() {
    var total = 0;
    var highCount = 0;

    $("table tr td.number").each(function() {
        total += Number($(this).text());
        if (highCount < $(this).text()) {
            highCount = $(this).text();
        }
    });
    
    $("#lblMax").text(highCount);
    $("#lblAverage").text(total / $("table tr td.number").length);
});