JSFiddle - React, Tailwind, and code Playground

by Charlotte Jhao

HTML

<body>
  <span>this is input block.</span>
  <!-- add new item Dynamically in the show block -->
  <div id="showBlock">
    Input:<input type="text" name="test[]" />
  </div> 
  <!-- click the button to add new item -->
  <input type="button" id="btn1" value="addtext"/>
</body>

JavaScript

//add span text to the show block
  $("#btn1").click(function () {
    $("span").appendTo("#showBlock");
  });