javascript function works only on firefox

I made a function that shows card images after I click a button. the problem is that it doesn’t work on chrome. the chrome editor presents an extra ‘/’ to the end of the path.

        function renderDeck(deck,ph)
    {
        
        var htmlStr = document.getElementById(ph).innerHTML;
        for (var i = 0; i < deck.length; i++) {
            htmlStr += '<div>';
            htmlStr += '<img src=' + deck[i].path + '/>';
            htmlStr += '</div>';
        }
        document.getElementById(ph).innerHTML = htmlStr;
    }

An example of what I push inside the deck

deck.push({ name: 'red_joker', path: 'cardImages/red_joker.png', val: 15 });

what can be the problem?