criar e remover input

Oá pessoal. Estou tentando fazer o seguinte:

1º clicar no item1 e criar input1 e depois

2º clicar no item2 e criar input2 e remover input1 e depois

3º clicar no item1 e criar input1 e remover input2

escolha um item<br>
<select style="width:200px;" id="select1" size="3" onchange="funcitem1(); funcitem2();">
 <option value=""></option>
 <option value="item1">item1</option>
 <option value="item2">item2</option>
</select>

<div class="dentroDaDiv1" id="dentroDaDiv1" > </div>

<div class="dentroDaDiv2" id="dentroDaDiv2" ></div>

<script>

function funcitem1(){
 var itemSelecionado = document.getElementById("select1").value;

 if(itemSelecionado == "item1"){

 const input1 = document.createElement("input");
 input1.id = "input1";
 input1.className = "input1";
 input1.value = "input1";
 const dentroDaDiv2 = document.getElementById("dentroDaDiv2");
 dentroDaDiv2.appendChild(input1);
 }

}

function funcitem2(){
 var itemSelecionado = document.getElementById("select1").value;

 if(itemSelecionado == "item2"){

 const input2 = document.createElement("input");
 input2.id = "input2";
 input2.className = "input2";
 input2.value = "input2";
 const dentroDaDiv2 = document.getElementById("dentroDaDiv2");
 dentroDaDiv2.appendChild(input2);

 }

 // if(itemSelecionado == "item2"){
 // const element = document.getElementById("input2");
 // element.remove();
 // }
}

</script>