JSFiddle - React, Tailwind, and code Playground

HTML

<span id="name"></span>
<button onClick="showName()">Show Name
</button>
<button onClick="foo()">Send money
</button>

<script>
function showName() {
  tt = "script";
  badCode = "John<"+tt+">function foo() {alert('boom');}</"+tt+">";
  console.log(badCode)
  document.getElementById("name").innerHTML = badCode;
}
</script>

<hr/>
After clicking "Show name" function <i>foo</i> should be added.