mirror of https://github.com/webpack/webpack.git
31 lines
742 B
JavaScript
31 lines
742 B
JavaScript
|
import png from "./images/file.png";
|
||
|
|
import jpg from "./images/file.jpg";
|
||
|
|
import svg from "./images/file.svg";
|
||
|
|
|
||
|
|
const container = document.createElement("div");
|
||
|
|
Object.assign(container.style, {
|
||
|
|
display: "flex",
|
||
|
|
justifyContent: "center"
|
||
|
|
});
|
||
|
|
document.body.appendChild(container);
|
||
|
|
|
||
|
|
function createImageElement(title, src) {
|
||
|
|
const div = document.createElement("div");
|
||
|
|
div.style.textAlign = "center";
|
||
|
|
|
||
|
|
const h2 = document.createElement("h2");
|
||
|
|
h2.textContent = title;
|
||
|
|
div.appendChild(h2);
|
||
|
|
|
||
|
|
const img = document.createElement("img");
|
||
|
|
img.setAttribute("src", src);
|
||
|
|
img.setAttribute("width", "150");
|
||
|
|
div.appendChild(img);
|
||
|
|
|
||
|
|
container.appendChild(div);
|
||
|
|
}
|
||
|
|
|
||
|
|
[png, jpg, svg].forEach(src => {
|
||
|
|
createImageElement(src.split(".").pop(), src);
|
||
|
|
});
|