JSFiddle - React, Tailwind, and code Playground

HTML

<p id="test" class="testclick">Boo</p>

JavaScript

$(document).on('click','.testclick',function(){
  var element_text;
  element_text = '<form name="test_form" method="">';
  element_text += '<input type="text" name="name" placeholder="Boo" value="">';
  element_text += '</form>';
  $('#test').html(element_text).removeClass('testclick');
  console.log(element_text);
});