JSFiddle - React, Tailwind, and code Playground

by Nic Fontaine

HTML

<ul id="first-list">
    <li>Everest</li>
    <li>Fuji</li>
    <li>Kilimanjaro</li>
</ul>

<ul id="second-list">
    <li>Karakoram Range</li>
    <li>Denali</li>
    <li>Mont Blanc</li>
</ul>

JavaScript

const first = document.getElementById("first-list")
const second = document.getElementById("second-list")
const f0 = first.children[0]
second.appendChild(f0)

const frag = document.createDocumentFragment()
const li = document.createElement("li")
li.textContent = "K2"
// frag.appendChild()
second.replaceChild(li, second.children[0])
second.removeChild(li)