JSFiddle - React, Tailwind, and code Playground

by Arvind Pal

HTML

<g id="TYPE::816920050" class="node">
<title>816920050</title>
<polygon fill="#68838b" stroke="transparent" points="8,-231 8,-262 704,-262 704,-231 8,-231"></polygon>
<polygon fill="none" stroke="#000000" points="8,-231 8,-262 704,-262 704,-231 8,-231"></polygon>
<text text-anchor="start" x="318.4952" y="-240.8" font-family="helvetica, open-sans" font-size="18.00" fill="#000000">Template</text>
<polygon fill="none" stroke="#000000" points="8,-200 8,-231 704,-231 704,-200 8,-200"></polygon>
<text text-anchor="start" x="14" y="-211.6" font-family="helvetica, open-sans" font-size="16.00" fill="#000000"> </text>
<text text-anchor="start" x="18.4464" y="-211.6" font-family="helvetica, open-sans" font-weight="bold" font-size="14.00" fill="#000000">Title: &nbsp;</text>
<text text-anchor="start" x="56.5572" y="-211.6" font-family="helvetica, open-sans" font-size="14.00" fill="#000000"> What are pain points in AI/ML space? </text>
<polygon fill="none" stroke="#000000" points="8,-169 8,-200 704,-200 704,-169 8,-169"></polygon>
<text text-anchor="start" x="13.9191" y="-180.6" font-family="helvetica, open-sans" font-size="16.00" fill="#000000"> </text>
<text text-anchor="start" x="18.3655" y="-180.6" font-family="helvetica, open-sans" font-weight="bold" font-size="14.00" fill="#000000">Description: &nbsp;</text>
<text text-anchor="start" x="100.0387" y="-180.6" font-family="helvetica, open-sans" font-size="16.00" fill="#000000"> </text>
<text text-anchor="start" x="104.4851" y="-180.6" font-family="helvetica, open-sans" font-size="14.00" fill="#000000"> What are the   </text>
</g>

JavaScript

var el = document.querySelector("g").addEventListener("click", () => alert("clicked"))
console.log("el", el)