JSFiddle - React, Tailwind, and code Playground

HTML

<input id='toggle'/>
<button onclick='toggle(document.getElementById("toggle"))'>Clicky</button>

JavaScript

function toggle(a){
    if(a.tagName === 'INPUT'){
        a.outerHTML = '<select id="toggle"></select>';
    }else{
        a.outerHTML = '<input type="text" id="toggle"/>'
    }
}