JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
<head>
        <title>Select onchange example</title>
        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
        <script type="text/javascript">
        function showPrefferedOptions(oSelect) {
            var aOptionsValues = [];
            var aOptions = getSelectedIndexes(oSelect);

            for (var i = 0; i < aOptions.length; i++) {
                aOptionsValues.push(aOptions[i].text);
            }
            
            alert(aOptionsValues.length ? "Вы выбрали: " + aOptionsValues.join(", ") + "." : "Может уже что-нибудь выберем, наконец?");
        }
        
        function getSelectedIndexes(oSelect) {
            var aSelected = [];
            
            for (var i = 0; i < oSelect.options.length; i++) {
                if (oSelect.options[i].selected) {
                    aSelected.push(oSelect.options[i]);
                }
            }
            
            return aSelected;
        }
    </script>
</head>
<body>
    <form>
        <label for="preffered-lang">Выберите ваши любимые языки:</label><br />
        <select id="preffered-lang" name="preffered-lang" multiple onchange="showPrefferedOptions(this)">
            <option value="1">C++</option>
            <option value="2">Java</option>
            <option value="3">Assembler</option>
            <option value="4">Delphi</option>
        </select>
    </form>
</body>
</html>