Load an img with html canvas

img.js

let cat;
let loadCat = () => {
    let img = new Image();
    img.style.width = '100px';
    img.style.height = '100px';
    img.addEventListener('load', () => {
        cat = img;
    });
    img.src = 'cat.jpg';
    document.getElementsByTagName('body')[0].appendChild(img);
    img.style.display = 'none';
};
window.addEventListener('load', loadCat);


function gameLoop() {
    if (this.paused) {
        ctx.fillText('Cat', 10, 20);
    }

    ctx.clearRect(0, 0, canvas.width, canvas.height);
    if (cat) {
        ctx.drawImage(cat, pos.x, pos.y, snake.width, snake.height);
    }
    
    requestAnimationFrame(gameLoop);
}

gameLoop();