JSFiddle - React, Tailwind, and code Playground

by OjisanSeiuchi

HTML

<span id="langname1">English</span>
<span id="flag1"></span>
<span id="langname2">Spanish</span>
<span id="flag2"></span>

JavaScript

function isoCountryCodeToFlag(country) {
    return String.fromCodePoint(...[...country.toUpperCase()].map(c => c.charCodeAt() + 0x1F1A5));
}
$(function() {
    var ldict = {
        Russian: "ru",
        French: "fr",
        German: "de",
        Spanish: "es",
        Japanese: "jp",
        Ukrainian: "ua",
        Chinese: "cn",
        Korean: "kr",
        Arabic: "sa",
        Swedish: "se",
        Norwegian: "no",
        Danish: "dk",
        Finnish: "fi",
        Italian: "it",
        English: "gb"
    };
    $("span[id^='langname']").each(function(i, el) {
        var language = $(this).text();
        let cc = ldict[language];
        var idx = i + 1;
        flagid = `#flag${i + 1}`;
        try {
            $(flagid).text(isoCountryCodeToFlag(cc));
        } catch (error) {
            /* ignore */ }
    });
});