JSFiddle - React, Tailwind, and code Playground

by fkling

HTML

<ul id="list1">
<li>one</li>
<li>two</li>
</ul>

<ul id="list2"></ul>
<input id="add" name="yt1" type="button" value="<<" /><br />
<input id="remove" name="yt2" type="button" value=">>" />

CSS

#list1 {
     border: 5px solid black;   
}

#list2 {
     border: 5px solid red;   
}

JavaScript

$("#add").click(function(){
    moveTo(1,2);
});

$("#remove").click(function(){
    moveTo(2,1);
});

function moveTo(from, to) {
    $("#list" + from + " li").appendTo('#list' + to);
}