JSFiddle - React, Tailwind, and code Playground

HTML

<div id="thediv">
    <input id="write" type="text"/>
    <div>
        <input class="do" type="text"/>
        <input type="text"/> 
        <input type="text"/>  
    </div>
    <div>
        <input class="do" type="text"/>
        <input type="text"/> 
        <input type="text"/>  
    </div>
    <div>
        <input class="do" type="text"/>
        <input type="text"/> 
        <input type="text"/>  
    </div>
    
    
</div>
<script>
    
    function remove_inputs(){
        var elements=document.getElementById('thediv').getElementsByTagName('input')
        for(var i=0;i<elements.length;i++){
            elements[i].parentNode.removeChild(elements[i]);
        }
    }
    
</script>



<button onclick="remove_inputs()">remove all inputs</button>