JSFiddle - React, Tailwind, and code Playground

by Ravindra Athreya

HTML

<ul>
  <li>1</li>
  <li>2</li>
  <li>3</li>
  <li class="test">4</li>
</ul>
<p>
trdt
</p>
<p>
teasd
</p>

CSS

ul > li {
  cursor: pointer;
}

JavaScript

const res = document.querySelector('ul');
const res1 = document.querySelectorAll('p');

res.addEventListener('click', (e) => {
if(e.target.className !== ""){
console.log(e.target.className);
console.log(res1.length);
}
else
console.log(e);
	
});



if(true){
let a = 'hey';
console.log(a);
}
console.log(a);