JSFiddle - React, Tailwind, and code Playground

HTML

<div id='cards'>

JavaScript

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

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

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