JSFiddle - React, Tailwind, and code Playground

HTML

<div id="mainbar">
  Text Here
</div>

JavaScript

const words = ["color", "blue", "font-size", "100px"];


let cssObj = {};

for (var i = 0; i < words.length; i++){
	cssObj = { ...cssObj, [words[i]]: words[i+1] }
}

$("#mainbar").css(cssObj);