index.html

<form id="lang_form">
    <div>
        Select programming language
        <select id="prog_langs" onchange="changeProgLang()"></select>
    </div>
    <div id="lang_data">
        <div class="radio_line versions">
            <div class="radio_line_details">
                Version
            </div>
            <div class="radio_line_data"></div>
        </div>
        <div class="radio_line ides">
            <div class="radio_line_details">
                IDE
            </div>
            <div class="radio_line_data"></div>
        </div>
        <div class="radio_line build_tools">
            <div class="radio_line_details">
                Build tool
            </div>
            <div class="radio_line_data"></div>
        </div>
        <div class="radio_line web_frameworks">
            <div class="radio_line_details">
                Web framework
            </div>
            <div class="radio_line_data"></div>
        </div>
        <div class="radio_line rest_frameworks">
            <div class="radio_line_details">
                REST framework
            </div>
            <div class="radio_line_data"></div>
        </div>
        <div class="radio_line test_frameworks">
            <div class="radio_line_details">
                Test framework
            </div>
            <div class="radio_line_data"></div>
        </div>
        <div class="radio_line assertion_frameworks">
            <div class="radio_line_details">
                Assertion framework
            </div>
            <div class="radio_line_data"></div>
        </div>

    </div>
    <br>
    <br> <input type="submit" value="Go as beginner" name="go_as_beginner" formaction="pages/home_beginners.html">
    <br> Select this one in order to understand basics.
    <br> You'll follow step-by-step instructions on how to write your first test, setup webdriver, make api call, etc.
    <br> General concepts (start simple -> go complex) will be explained, instead of just showing the "code that works"
    here.
    <br>
    <br> <input type="submit" value="Go as advanced user" name="go_as_advanced" formaction="pages/home_advanced.html">
    <br> Select this one if you already know basics, and want to start writing automation test project.
    <br> Less explanation, more code.

</form>

P.S. If you can't decide what tool to choose - default selection is recommended.

<script>
    const PROG_LANGS = {
        "Java": {
            "language": "java",
            "versions": ["8"],
            "ides": ["Intellij Idea"],
            "build_tools": ["Gradle", "Maven"],
            "web_frameworks": ["Selenium", "Selenide"],
            "rest_frameworks": ["Retrofit", "Rest assured"],
            "test_frameworks": ["TestNg", "Junit"],
            "assertion_frameworks": ["Hamcrest", "AssertJ"]
        }
    }

    function addProgLangs() {
        var select = document.getElementById("prog_langs");
        Object.keys(PROG_LANGS).forEach(function (lang) {
            var option = document.createElement("option");
            option.text = lang;
            select.add(option);
        });
        select.value = Object.keys(PROG_LANGS)[0];
        select.onchange();
    }

    function addDataLine(lineClass, data) {
        var parent = document.querySelectorAll('.radio_line.' + lineClass + ' .radio_line_data')[0];
        data[lineClass].forEach(function (val, index) {
            var input = document.createElement("input");
            input.setAttribute('type', 'radio');
            input.setAttribute('name', lineClass);
            input.setAttribute('value', val);

            if (index == 0) {
                input.checked = true;
            }

            parent.appendChild(input);
            parent.appendChild(document.createTextNode(val));
            // parent.appendChild(document.createElement("br"));
        });
    }

    function changeProgLang() {
        let lang = document.getElementById("prog_langs").value;
        let data = PROG_LANGS[lang];

        addDataLine("versions", data);
        addDataLine("ides", data);
        addDataLine("build_tools", data);
        addDataLine("web_frameworks", data);
        addDataLine("rest_frameworks", data);
        addDataLine("test_frameworks", data);
        addDataLine("assertion_frameworks", data);
    }

    function main() {
        addProgLangs();
    }

    main();
</script>