JSFiddle - React, Tailwind, and code Playground

by Justin Breen

HTML

<button class="btn">Button</button>
<button class="btn">Button</button>

<br>

<button class="btn" data-test="button">Button</button>
<button class="btn" data-test="button">Button</button>

JavaScript

var btn = document.querySelectorAll('.btn');

for (var i = 0; i < btn.length; i++) {
	btn[i].onclick = function() {
		this.classList.toggle('selected');
	}
}

var items = document.querySelectorAll('[data-test]');

for (var f = 0; f < items.length; f++) {
	items[f].onclick = function() {
		this.classList.toggle('bar');
	}
}