JSFiddle - React, Tailwind, and code Playground

by Andrew Lyndem

HTML

<div class="wrapper">
    <div class="element">
        <input id="test--1" value="ABC"/>
    </div>
</div>

JavaScript

let x = document.querySelector(".element");

let y = x.cloneNode(true);

y.children[0].id = "test--2";
y.children[0].defaultValue = "";

x.parentNode.insertBefore(y, x.nextSibling);

console.log(y);