JSFiddle - React, Tailwind, and code Playground

by Zeljko Tadic

HTML

<li  id="dropdown">
   <span>Menu</span>
   <svg height="40px" width="30px" id="svg">
     <line x1="0" y1="5px" x2="30px" y2="5px" style="stroke: #fff;stroke-width: 3.5px" />
     <line x1="0" y1="13px" x2="30px" y2="13px" style="stroke: #fff;stroke-width: 3.5px" />
     <line x1="0" y1="21px" x2="30px" y2="21px" style="stroke: #fff;stroke-width: 3.5px" />
   </svg>
   </li>

JavaScript

var x = document.getElementById("dropdown");
x.addEventListener("click", function() {
alert('clicked');
});