JSFiddle - React, Tailwind, and code Playground

HTML

<div id="repeatafterme"></div>
<form name="myform" id="infoArea">
<fieldset>
<legend><label id="myFormID"><input name="title"></output><label></legend>
       <label><input name="address"></output></label>
</fieldset>
</form>
<INPUT TYPE="button" NAME="myButton" VALUE="Press This" onclick="addRow()">

JavaScript

var myArray = [
 {
  "title"  : "My First Place",
  "address": "My First Address",
 },
 {
  "title"  : "Treehouse",
  "address": "off in the woods",
 },
 {
  "title"  : "My New Place",
  "address": "Home Sweet Home",
 }
 ];

  var itm = document.getElementById("infoArea");

   for(var i = 0; i < myArray.length; i++){
       var cln = itm.cloneNode(true);
       cln.id = "id" + i;
       var outTitle = cln.childNodes[1].childNodes[1].childNodes[0].childNodes[0];
       
       outTitle.value = myArray[i].title;
       
       var outAddress = cln.childNodes[1].childNodes[3].childNodes[0];
       
       outAddress.value = myArray[i].address;


       document.getElementById("repeatafterme").appendChild(cln);
   }