JSFiddle - React, Tailwind, and code Playground

HTML

<svg width=500 height=500>
<!--bakground-->
<rect x=0 y=0 width=500 height=500
fill="#000033"></rect>
<!--moon-->
<radialGradient id="radialGrad" cx=50% cy=50% r=50% fx=50% fy=50%> 
  <stop offset=50% stop-color="#ffffe6"/>
  <stop offset=100% stop-color="#808080"/>
</radialGradient>
<circle cx=250 cy=250 r=150 fill="url(#radialGrad)" id="moon"></circle>
<circle cx=285 cy=250 r=130 fill="#000033"></circle>
<!--cat-->
<path d="M250,250 C210,375 290,375 285,380" stroke="#ffffff" fill="none" stroke-width=11></path>
<ellipse cx=295 cy=337 rx=33 ry=47 fill="#ffffff"></ellipse>
<ellipse cx=250 cy=250 rx=5 ry=5 fill='#ffffff'></ellipse>
<ellipse cx=305 cy=280 rx=20 ry=20 fill='#ffffff'></ellipse>
<ellipse cx=316 cy=283 rx=17
 ry=10 fill='#ffffff'></ellipse>
<line x1=334 y1=279 x2=325 y2=278
 stroke-width=7 stroke="white"></line>
<polygon points="305,260 285,275 300,250" fill="white"></polygon>
<ellipse cx=100 cy=100 rx=3 ry=3 fill='#ffffcc'></ellipse>
<ellipse cx=200 cy=75 rx=3 ry=3 fill='#ffffcc'></ellipse>
<ellipse cx=400 cy=300 rx=3 ry=3 fill='#ffffcc'></ellipse>
<ellipse cx=400 cy=400 rx=3 ry=3 fill='#ffffcc'></ellipse>
<ellipse cx=300 cy=170 rx=3 ry=3 fill='#ffffcc'></ellipse>
<ellipse cx=350 cy=400 rx=3 ry=3 fill='#ffffcc'></ellipse>
<ellipse cx=450 cy=475 rx=3 ry=3 fill='#ffffcc'></ellipse>
<ellipse cx=175 cy=400 rx=3 ry=3 fill='#ffffcc'></ellipse>
<ellipse cx=50 cy=250 rx=3 ry=3 fill='#ffffcc'></ellipse>
<ellipse cx=275 cy=150 rx=3 ry=3 fill='#ffffcc'></ellipse>
<ellipse cx=250 cy=215 rx=3 ry=3 fill='#ffffcc'></ellipse>
<ellipse cx=470 cy=300 rx=3 ry=3 fill='#ffffcc'></ellipse>
<ellipse cx=75 cy=325 rx=3 ry=3 fill='#ffffcc'></ellipse>
<ellipse cx=25 cy=375 rx=3 ry=3 fill='#ffffcc'></ellipse>
<ellipse cx=415 cy=115 rx=3 ry=3 fill='#ffffcc'></ellipse>
<ellipse cx=300 cy=430 rx=3 ry=3 fill='#ffffcc'></ellipse>
<ellipse cx=100 cy=475 rx=3 ry=3 fill='#ffffcc'></ellipse>
</svg>

JavaScript

var halloweenMessage =$("#moon"); 
halloweenMessage.click(function(){ 
alert("Meow!")
});