JSFiddle - React, Tailwind, and code Playground

by Dedi Wibisono

HTML

<ul id="myList1"><li>Coffee</li><li>Tea</li></ul>
<ul id="myList2"><li>Water</li><li>Milk</li></ul>

<p>Click the button to copy an item from one list to another.</p>

<button onclick="myFunction(this)">Try it</button>

JavaScript

function myFunction(_this) {
  if($(_this).prev().prev().children().length < 5){
  var itm = document.getElementById("myList2");
  var cln = itm.cloneNode(true);
  document.getElementById("myList1").appendChild(cln);
  }
}