Képek betöltése aszinkron callback-ekkel JavaScriptben

Valósítsuk meg a loadImage függvényt, amely képeket fog betölteni. Legyen az első paramétere a kép elérési útja, a második paramétere pedig egy callback, amely akkor fut le, amikor a kép betöltődik:

javascriptloadImage('img.png', function() {
  // a kép betöltődésekor fut le
});

Legyen, hogy a callback első paraméterébe a kép DOM elemre mutató hivatkozás kerül, a másodikba pedig - a hiba, ha kivételes helyzet következik be:

javascriptloadImage('img.png', function(image, err) {
  console.log(image, err);
});

A függvényt a következőképpen használhatjuk:

javascriptloadImage('image.png', function(image, err) {
  document.body.append(image); // elhelyezzük a képet betöltés után
});

Vagy kivételes helyzet kezelésével:

javascriptloadImage('image.png', function(image, err) {
  if (!err) {
    document.body.append(image);
  } else {
    console.log('hiba történt: ' + err);
  }
});