JSFiddle - React, Tailwind, and code Playground
JavaScript
let js_images = ["https://picsum.photos/id/1011/650/400", "https://picsum.photos/id/1012/700/400", "https://picsum.photos/id/1013/400/400", "https://picsum.photos/id/1014/600/400", "https://picsum.photos/id/1015/800/400"];
let largeurs = [];
let name = [];
console.log(js_images.length);
let index = 0;
for (var i = 0; i < (js_images.length); i++) {
const img = document.createElement("img");
img.src = js_images[i];
img.onload = function() {
const largeur = img.naturalWidth;
console.log(largeur);
largeurs[index] = largeur;
name[index] = img.src
index++;
if (index == (js_images.length)) {
for (var ii = 0; ii < (js_images.length); ii++) {
console.log(largeurs[ii] + ' ' + name[ii] + ' Loaded inside event');
}
}
}
}