JSFiddle - React, Tailwind, and code Playground

HTML

<span class="menu">menu</span>
<ul class="none">
  <li>item</li>
  <li>item</li>
  <li>item</li>
</ul>

CSS

.none{
  list-style:none;
  padding: 0;
  display: none;
}

JavaScript

var menu = document.querySelector("span.menu");
var ul = document.querySelector("none");
menu.addEventListener("click", function(){
	ul.style.dispaly="block";
});