Как дублировать блок кода при клике

const room = document.querySelector('.room-guests-count'); 
const form = document.querySelector('.form-open'); 
const adultsChildren = document.querySelector('.adults-children'); 
const adultsChildrenWrapper = document.querySelector('.adults-children-wrapper'); 
 
let formIsOpened = false; 
 
room.onclick = () => { 
	if(!formIsOpened) { 
		form.style.display = 'block' 
	} else { 
		form.style.display = 'none' 
	} 
	formIsOpened = !formIsOpened; 
} 
const toggleRoom = () => { 
	const addRoomButton = document.querySelector('#add-room'); 
	const removeRoomButton = document.querySelector('#remove-room'); 
	const countRoom = document.querySelector('.form-text'); 
	 
	const addSection = () => { 
		const wrapper = document.createElement("div"); 
		wrapper.className = "adults-children-wrapper"; 
		const template = adultsChildrenWrapper.innerHTML; 
		wrapper.innerHTML = adultsChildrenWrapper.innerHTML;                    
		adultsChildren.appendChild(wrapper);   
	} 
	const removeSection = () => { 
		adultsChildren.lastChild.remove(); 
	} 
	 
	addRoomButton.onclick = () => { 
		if(countRoom.value == 9) return; 
		countRoom.value++; 
		addSection(); 
		 
	} 
	removeRoomButton.onclick = () => { 
		if(countRoom.value == 1) return; 
		countRoom.value--; 
		removeSection(); 
	} 
	 
} 
toggleRoom();

body { 
  background: lightblue; 
} 
 
/*ROOM GUESTS COUNT*/ 
.room-guests-count { 
  width: 34%; 
  cursor: pointer; 
  margin-right: 4%; 
  background: #fff; 
  height: 66px; 
  margin-right: 152px; 
} 
 
.form-open { 
  display: none; 
  position: absolute; 
  z-index: -1; 
  top: 83px; 
  background-color: #fff; 
  height: auto; 
  left: 9px; 
  width: 348px; 
} 
 
.form-open:after { 
  content: ''; 
  position: absolute; 
  width: 0; 
  height: 0; 
  border-bottom: 10px solid #fff; 
  border-left: 10px solid transparent; 
  border-right: 10px solid transparent; 
  right: 300px; 
  bottom: 93px; 
} 
 
.room-guests-content { 
  padding-top: 23px; 
  padding-left: 15px; 
} 
 
.click_hidden_text { 
  position: absolute; 
  z-index: 1; 
  left: 163px; 
  top: 73px; 
  opacity: 0.8; 
} 
 
.form-search { 
  padding: 0; 
  margin: 10px 10px 5px 10px; 
} 
 
.form-item { 
  padding: 10px 5px; 
  clear: both; 
  height: 14px; 
} 
 
.edit-rooms { 
  font-weight: normal; 
  font-size: 13px; 
  float: left; 
  color: #000; 
  margin-right: 5px; 
} 
 
.rooms-guests-plus { 
  float: right; 
  color: #fff; 
  background: #ccc; 
  width: 24px; 
  height: 24px; 
  text-align: center; 
  line-height: 24px; 
  top: -6px; 
  position: relative; 
  font-size: 18px; 
  cursor: pointer; 
} 
 
.form-text { 
  text-align: center; 
  width: 6%; 
  width: 20px !important; 
  -webkit-text-decoration: center; 
          text-decoration: center; 
  float: right; 
  border: 0; 
  padding: 0; 
  height: auto; 
  outline: 0; 
  vertical-align: middle; 
} 
 
.textfield label { 
  margin-right: 2.5px; 
  display: inline; 
  font-size: 13px; 
} 
 
.children-1 label { 
  display: inline; 
  font-size: 13px; 
} 
 
.rooms-guests-minus { 
  float: right; 
  color: #fff; 
  background: #e7e7e7; 
  width: 24px; 
  height: 24px; 
  text-align: center; 
  line-height: 24px; 
  top: -6px; 
  position: relative; 
  font-size: 18px; 
  cursor: pointer; 
} 
 
.adults-children { 
  overflow: hidden; 
  border: 1px solid red; 
} 
 
.rooms-id { 
  line-height: 40px; 
  float: left; 
  padding: 5px 0 0 15px; 
  color: #000; 
} 
 
.already-min { 
  float: right; 
  margin: -16px 0px 2px 6px; 
  padding: 0; 
  background: #fff; 
} 
 
.already-min-search { 
  float: right; 
  margin: 5px 10px 5px 2px; 
} 
 
.adults-children-wrapper { 
  overflow: hidden; 
} 
 
.children-1 { 
  padding: 10px 5px; 
  clear: both; 
  height: 14px; 
} 
 
.edit-children { 
  font-weight: normal; 
  font-size: 13px; 
  float: left; 
  color: #000; 
  margin-right: 5px; 
} 
 
.textfield { 
  clear: both; 
  height: 14px; 
  margin: 0; 
  position: relative; 
  margin-top: 32px; 
}

<div class="room-guests-count"> 
  <div class="room-guests-content"> 
    Взрослых 
    <span class="ga-count">2</span> 
    , Детей  
    <span class="children-count">0</span> 
  </div> 
</div> 
<div class="form-open"> 
  <div class="form-search"> 
    <div class="form-item"> 
      <label class="edit-rooms">Количество номеров</label> 
      <div class="rooms-guests-plus" id="add-room">+</div> 
      <input type="text" name="rooms" max="9" min="1" maxlength="128" class="form-text" value="1" size="60" readonly="readonly"> 
      <div class="rooms-guests-minus" id="remove-room">-</div> 
    </div> 
  </div> 
  <div class="adults-children"> 
  <div class="adults-children-wrapper"> 
    <div class="rooms-id">Номер 1:</div> 
    <div class="already-min-search"> 
      <div class="children-1"> 
        <label for="edit-children">Детей</label> 
        <div class="rooms-guests-plus">+</div> 
        <input type="text" name="childrenqt" value="0" max="5" min="0" maxlength="5" size="60" maxlength="128" class="form-text"> 
        <div class="rooms-guests-minus">-</div> 
      </div> 
    </div> 
    <div class="already-min"> 
      <div class="textfield"> 
        <label for="edit">Взрослых</label> 
        <div class="rooms-guests-plus">+</div> 
        <input type="text" name="edit" value="2" max="10" min="0" maxlength="5" size="60" maxlength="128" class="form-text"> 
        <div class="rooms-guests-minus">-</div> 
      </div> 
    </div> 
  </div> 
</div>