Inserindo e removendo TAGS com função onclick (RESOLVIDO)

Front-end
#1

Pessoal bom dia, como faço para remover uma ‘Tag’ criada com createElement criando uma determinada função?

ABaixo vou deixar o codigo que criei, o problema só esta na hora de remover, segue o código:

<div id="container">

 <button onclick="clica()">Clique aqui</button>
 <button onclick="clear()">Limpar</button>
</div>

<script>
 var creator = document.createElement('img');
 var pai = document.getElementById('container');

 //Insere a imagem dentro de IMG!
 creator.src="img/ico.jpg";

 function clica(){
    //Ao clicar insere IMG dentro da Div!
    pai.appendChild(creator);
 }

 function clear(){
    //Ao clicar remove IMG dentro da Div!
    pai.removeChild(creator);
 }
</script>
#2

Não tenho total certeza mas, eu mudei os nomes e funcionou e outra coisa coloque sempre uma div separado.

<div>
 <button id="btn1" onclick="createImg()">Clique aqui</button>
 <button id="btn2" onclick="dropImg()">Limpar</button>
</div>
<div id="container"></div>
<script>
const creator = document.createElement('img');
const pai = document.getElementById('container');

//Insere a imagem dentro de IMG!
creator.src="https://i2.wp.com/somentecoisaslegais.com.br/wp-content/uploads/2013/09/P%C3%B4r-do-Sol-Europa-central-Katarina-Stefanovi%C4%87.jpg?resize=580%2C514";

function createImg()
{    
	pai.appendChild(creator);	
}

function dropImg()
{
	console.log(pai.childNodes);
	pai.removeChild(creator);
}
</script>
1 curtida
#3

Valew man, consegui.