JSFiddle - React, Tailwind, and code Playground

by khamer

HTML

<div class="foo"></div>

<button class="yep">yep</button>

CSS

.foo::before{
  content: var(--foo, 'Loading...');
}

JavaScript

document.querySelector('.yep').addEventListener('click', function() {
	const foo = document.querySelector('.foo');
  foo.style.setProperty('--foo', '"Test"');
})