Github API

"Buenas tarde mi gente" good afternoon everyone :)

I had difficulty changing the svg color on the hover. First, I wanted to create all of them using the pseudoelement::before, but couldn't switch their colors on the hover state. So I tried using background-image , but through that option, I could only change the SVG color using filter(at least as far as I researched.) So I inserted all of them on the HTML, and the change in the SVG's fill was successful.

A part of the code I'm not 100% satisfied with is to add the "user not found" of the DOM.

I did do using the parentNode, as follows:

const container = document.querySelector("section.container");

const invalid = document.createElement("p");
invalid.id = "invalid-input";
invalid.innerHTML = `The user <em>${lostUser}</em> was not found :(`;

if (container.childNodes.length