JSFiddle - React, Tailwind, and code Playground

HTML

<form id="super-form">
    <input type="radio" name="object" value="tree" checked="checked" />
    <label>Дерево</label>
    <input type="radio" name="object" value="grass" />
    <label>Трава</label>
    <input type="radio" name="object" value="field" />
    <label>Поле</label>
    <hr/>
    <input type="radio" name="counter" value="1" checked="checked" />
    <label>Мало</label>
    <input type="radio" name="counter" value="2" />
    <label>Два</label>
    <input type="radio" name="counter" value="3" />
    <label>Три</label>
</form>
<button id="super-button" onclick="magicAction();">Сделать хорошо</button>
<div id="response"></div>

JavaScript

function magicAction() {
    var all_objects = document.getElementsByName('object'), //Все варианты объектов
        all_counters = document.getElementsByName('counter'), //Все наборы объектов
        object = getCheckedRadio(all_objects).value, //Выбранный объект
        counter = getCheckedRadio(all_counters).value, //Выбранный набор
        response = document.getElementById('response'), //Куда выводим результат
        output = '', //Итоговый текст
        object_text = '', //Текст для объекта
        counter_text = '', //Текст для набора
        delimeter = ' - '; //Разделитель между текстом для объекта и набора

    //Проверяем, на какую радиокнопку из группы "object" нажали
    switch (object) {
        case 'tree':
            object_text = 'Высокое';
            break;
        case 'grass':
            object_text = 'Зеленая';
            break;
        case 'field':
            object_text = 'Широкое';
            break;
    }

    //Проверяем, на какую радиокнопку из группы "count" нажали
    switch (counter) {
        case '1':
            counter_text = 'Мало';
            break;
        case '2':
            counter_text = 'Два';
            break;
        case '3':
            counter_text = 'Много';
            break;
    }

    //Формируем результат
    output = object_text + delimeter + counter_text;

    //Выводим результатну 
    response.innerHTML = output;

}

//Функция, выбирающая отмеченную радиокнопку из списка
function getCheckedRadio(radio_group) {
    //Обходим весь список радиокнопок
    for (var i = 0; i < radio_group.length; i++) {
        var button = radio_group[i];
        //Нашли отмеченную
        if (button.checked) {
            return button;
        }
    }
    //Ни одна не отмечена
    return undefined;
}