criar apenas uma vez

Olá pessoal. Estou tentando fazer o seguinte: Se começar clicando em item1  o código cria  input1 e input2  ou se começar clicando em azul  o código cria input2. A ideia é ficar somente nisso: verde cria input1 e input2  e azul cria input2, mas se input2 já tiver sido criado não precisa criar novamente.

O problema é que se ficar clicando em verde e azul várias vezes não para de criar inputs. Como resolver isto?

selecione uma cor <br>
<select required id="select1" size="1" onchange="funcToto()">
 <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>

<br><br><br>

<script>
 function funcToto(){
 const itemSelecionado = document.getElementById("select1");

 if(itemSelecionado.value == "item1" ){

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

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

 }

 else if(itemSelecionado.value == "item2"){
 const input1 = document.getElementById("input1");
 input1.remove();

 }

}

</script>