JSFiddle - React, Tailwind, and code Playground

by webEugene29

HTML

<div class="items">	
  <span><i class="fa fa-hand-rock-o fa-2x rock"></i></span>
  <span><i class="fa fa-hand-scissors-o fa-2x scissors"></i></span>
  <span><i class="fa fa-hand-paper-o fa-2x paper"></i></span>
</div>

JavaScript

(function(){
	var elements = document.querySelectorAll('.items > span');
	for (var i = 0; i < elements.length; i++){
		elements[i].onclick = function(){
			document.getElementById('userResult').innerHTML = this.innerHTML;

			var chosenClass = this.childNodes[0].classList[3];
				
		}
	}
})();