JSFiddle - React, Tailwind, and code Playground

HTML

<div id="raz1">
<input type="submit" value="create" class="plus">
<input type="submit" value="delete" class="minus" onclick="document.getElementById('tem').parentNode.removeChild(document.getElementById('tem'));";>
</div>

JavaScript

document.querySelector('#raz1 input.plus').onclick = function() {
 var theDiv = document.createElement('div');
 theDiv.innerHTML = '<input type="text" class="tem" id="tem" >';
 this.parentNode.insertBefore(theDiv, this.previousSibling);
 getComputedStyle(theDiv).opacity;
 theDiv.style.opacity = '1';
}