(()=>{
let container = document.getElementById("muhSkillsContainer");
let noiceDisplay = (someLi) => {
let skillContainer = document.createElement("div");
let skillIcon = document.createElement("img");
let nameAndId = document.createElement("span");
skillIcon.src = someLi.querySelector(".skill_img_link img").src;
nameAndId.innerText = someLi.querySelector(".skill_name").innerText.replace("\n", "") + " = " + someLi.dataset["id"];
nameAndId.style.color = "black";
skillContainer.appendChild(skillIcon);
skillContainer.appendChild(nameAndId);
skillContainer.style.margin = "10px";
return skillContainer;
}
if(container)
document.body.removeChild(container);
container = document.createElement("div");
container.id = "muhSkillsContainer";
Array.from(document.querySelectorAll("ul.skill_list li"))
.map( (skill) => container.appendChild(noiceDisplay(skill)) );
document.body.appendChild(container);
})();