Add Css In Script, Is It Possible?

I have this script that a fellow here on the site helped me fix. This is the first part of the code where you can choose and separate blog articles by tag. Would it be possible to

Solution 1:

Expanding on my comment:

Might be worthwhile to explore using data attributes. Though you could also add a color code attribute to your json, and at a.innerHTML in your javascript section have it do inline css/set the background-color for the div.

It's important to note though, there are likely many solutions to your question, this is just how I'd do it.

Your css file could look something like this:

div[data-tag='Terror'] {
    background-color: blue;
}
div[data-tag='Shounen'] {
    background-color: yellow;
}
div[data-tag='Ação'] {
    background-color: green;
}

and you'd update your javascript to include a data-tag="'+c.feedsUri[c.current].tag+'" on your html element of interest.

The anchor tag may not be where exactly you'd want it, but this would at least get you started in the direction I perceive you're attempting to go.

a.innerHTML = '<div data-tag="'+c.feedsUri[c.current].tag+'" +class="main-title"><h4>' + c.feedsUri[c.current].name + "</h4></div>" + d;