JSFiddle - React, Tailwind, and code Playground

HTML

<ul class='muz' id='muz'>
	</ul>

JavaScript

let userData = ['sdfs', 'ggggggg', 'uuuu'];
					
	for(var i = 0; i < userData.length; i++){
				var ul = document.querySelector('.muz');
				var li = document.createElement('li');
					
				li.innerHTML = '<span class="igrost">' +' play ' +'</span>' + '<span>' +userData[i] +'</span>'
				ul.appendChild(li)
    }
          
 var igrost = muz.querySelectorAll('.igrost')
	console.log(igrost)
  
  

  for(var m = 0; m < igrost.length; m++){
  	igrost[m].addEventListener('click', function(e) {
				console.log(e.target)
			})
  }