JSFiddle - React, Tailwind, and code Playground

HTML

<div id="raz1">
<input type="submit" value="create" class="plus">
<input type="submit" value="delete" class="minus">
</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';
}

document.querySelector('#raz1 input.minus').onclick = function(){
     var list =  document.querySelectorAll('.tem');
     var amount = list.length;
     document.querySelectorAll('.tem')[amount-1].remove();
}