JSFiddle - React, Tailwind, and code Playground

HTML

<p>У каждого человека преобладает определенный тип мышления.
    <br>Данный опросник поможет вам определить тип своего мышления. Если да, отметьте.</p>
<table class='quest'>
    <tr>
        <td>1.</td>
        <td>
            <input type="checkbox" id="t02_q01_v01" name="test2">
        </td>
        <td>Мне легче что-либо сделать самому, чем объяснить другому.</td>
    </tr>
    <tr>
        <td>2.</td>
        <td>
            <input type="checkbox" id="t02_q01_v02" name="test2">
        </td>
        <td>Мне интересно составлять компьютерные программы.</td>
    </tr>
    <tr>
        <td>3.</td>
        <td>
            <input type="checkbox" id="t02_q01_v03" name="test2">
        </td>
        <td>Я люблю читать книги.</td>
    </tr>
    <tr>
        <td>4.</td>
        <td>
            <input type="checkbox" id="t02_q01_v04" name="test2">
        </td>
        <td>Мне нравится живопись, скульптура, архитектура.</td>
    </tr>
    <tr>
        <td>5.</td>
        <td>
            <input type="checkbox" id="t02_q01_v05" name="test2">
        </td>
        <td>Даже в отлаженном деле я стараюсь что-то улучшить.</td>
    </tr>
    <tr>
        <td>6.</td>
        <td>
            <input type="checkbox" id="t02_q01_v06" name="test2">
        </td>
        <td>Я лучше понимаю, если мне объясняют на предметах или рисунках.</td>
    </tr>
    <tr>
        <td>7.</td>
        <td>
            <input type="checkbox" id="t02_q01_v07" name="test2">
        </td>
        <td>Я люблю играть в шахматы.</td>
    </tr>
    <tr>
        <td>8.</td>
        <td>
            <input type="checkbox" id="t02_q01_v08" name="test2">
        </td>
        <td>Я легко излагаю свои мысли как в устной, так и в письменной форме.</td>
    </tr>
    <tr>
        <td>9.</td>
        <td>
            <input type="checkbox" id="t02_q01_v09" name="test2">
        </td>
        <td>Когда я читаю книгу, я четко вижу ее героев и описываемые события.</td>
    </tr>
    <tr>
        <td>10.</td>
 ...

JavaScript

function get_result_test02_dop(n) {
    if (n < 37) return "чуждый Вам стиль.";
    else if (n < 43) return "стойкое игнорирование данного стиля.";
    else if (n < 49) return "по возможности избегаете использования данного стиля при решении значимых проблем.";
    else if (n < 60) return "зона неопределенности.";
    else if (n < 66) return "при прочих равных условиях, этот стиль используется больше и чаще других.";
    else if (n < 72) return "сильное предпочтение такому стилю мышления. Вероятно злоупотребление.";
    else return "очень сильное предпочтение этого стиля мышления, используется даже если он не приемлем";
}

function run_test02() {
    var st01 = 0;
    var st02 = 0;
    var st03 = 0;
    var st04 = 0;
    var st05 = 0;

    // Получаем чекбоксы
    var checkBoxes = document.getElementsByName('test2');
    var len = checkBoxes.length;

    for (var i = 0; i < len; i++) {
        if (checkBoxes[i].checked) {
            var checkBox = checkBoxes[i].id;
            var arr = checkBox.split('_');
            var question = arr[2].substring(1);

            if (["01", "06", "11", "16", "21", "26", "31", "36"].indexOf(question) !== -1) {
                st01 += 1;
            }
            if (["02", "07", "12", "17", "22", "27", "32", "37"].indexOf(question) !== -1) {
                st02 += 1;
            }
            if (["03", "08", "13", "18", "23", "28", "33", "38"].indexOf(question) !== -1) {
                st03 += 1;
            }
            if (["04", "09", "14", "19", "24", "29", "34", "39"].indexOf(question) !== -1) {
                st04 += 1;
            }
            if (["05", "10", "15", "20", "25", "30", "35", "40"].indexOf(question) !== -1) {
                st05 += 1;
            }
        } else {
            continue;
        }
    }
    // Подсчеты

    var result = "";

    result += "Предметно-действенное - " + get_result_test02_dop(st01) + "\n";
    result += "Абстрактно-символическое - " + get_result_test02_dop(st02) +...