website/js/customElements/skills.js

class Skill extends HTMLElement {
    constructor() {
        super();
        let xhr = new XMLHttpRequest();
        xhr.onreadystatechange = () => {
            if (xhr.readyState == 4 && xhr.status == 200) {
                JSON.parse(xhr.responseText).forEach(skill => {
                    const image = document.createElement("img");
                    image.src = "/API/getFile.php?filename=" + skill;
                    this.appendChild(image);
                });
            }
        }
        xhr.open("GET", "/API/skills.php");
        xhr.send();
    }
}

customElements.define("jl-skills", Skill);