JSFiddle - React, Tailwind, and code Playground

HTML

<div id="stuff"></div>

JavaScript

$.fn.extend({
    airport: function(array) {
        var self = $(this);
        //only modified this array
        //added the needed characters
        var chars = ['a', 'b', 'c', 'd', 'e', 'f', 'g', ' ', 'h', 'i', 'j', 'k', 'l', 'm', 'n', 'o', 'p', 'q', 'r', 's', 't', 'u', 'v', 'w', 'x', 'y', 'z', '-', 'ä', 'ö', 'ü'];
        var longest = 0;
        var items = items2 = array.length;

        function pad(a, b) { return a + new Array(b - a.length + 1).join(' '); }
        $(this).empty();
        while (items--)
            if (array[items].length > longest) longest = array[items].length;
        while (items2--)
            array[items2] = pad(array[items2], longest);
        spans = longest;
        while (spans--)
            $(this).prepend("<span class='c" + spans + "'></span>");
        function testChar(a, b, c, d) {
            if (c >= array.length) setTimeout(function() {
                testChar(0, 0, 0, 0);
            }, 1000);
            else if (d >= longest) setTimeout(function() {
                testChar(0, 0, c + 1, 0);
            }, 1000);
            else {
                $(self).find('.c' + a).html((chars[b] == " ") ? "&nbsp;" : chars[b]);
                setTimeout(function() {
                    if (b > chars.length) testChar(a + 1, 0, c, d + 1);
                    else if (chars[b] != array[c].substring(d, d + 1).toLowerCase()) testChar(a, b + 1, c, d);
                    else testChar(a + 1, 0, c, d + 1);
                }, 20);
            }
        }
        testChar(0, 0, 0, 0);
    }
});
$('#stuff').airport(['bärlin', 'münchen', 'stockholm']);