JSFiddle - React, Tailwind, and code Playground
by Bob Jones
HTML
<p class="colorchange">
button go brr
</p>
<p>
this no go brr
</p>
<button class="colorchange" id="brr">
brr
</button>
JavaScript
let curcolor = "#000000";
function toggleColor() {
if (curcolor == "#000000") {
curcolor = "#ff0000";
} else {
curcolor = "#000000";
}
for (const elem of document.getElementsByClassName("colorchange")) {
elem.style.color = curcolor;
}
}
document.getElementById("brr").onclick = toggleColor;