JSFiddle - React, Tailwind, and code Playground

HTML

<div id='cards'></div>

JavaScript

function pasteCard(card, to){
    if (typeof(card) == 'string')
        card = [card];
    var image = [];
    for (var i = 0; i < card.length; i++) {
        var current_card = card[i];
        var current_image = new Image();
        current_image.onload = function() {
            pasteImage(to, current_image);
        }
        current_image.onerror = function() {
            pasteText(to, current_card);
        }
        current_image.src = '/sprites/open/' + current_card + '.png';
        image[i] = current_image;
    }

    function pasteImage(to, image) {
        to.append(image);
    }

    function pasteText(to, text) {
        to.append(text);
    }    
}
pasteCard(['ABC123', 'DEF456', 'GHI789'], $('#cards'));