Remove content after added in javascript

var novoid = parseInt(document.querySelectorAll('#motivos li').length)+1; // variável que irá incrementar novas id's
function addMotivo() {
   var mot = document.getElementById("newMotivo").value;
   if (mot != "") {
      
      var antes = document.getElementById("motivos").innerHTML;
       antes += '<li id="listaMotivos'+ novoid +'"><b>'+ mot +'</b> <img src="https://png.icons8.com/metro/1600/delete.png"style="width: 1cm" onclick="deleteMot(\'' + novoid + '\');"></li>';
       document.getElementById("motivos").innerHTML = antes;
       document.getElementById("newMotivo").value = "";
       novoid++;
   }
   else {
       window.alert("Motivo inválido");
   }
}

function deleteMot(i){
  if (confirm("Tem a certeza que quer apagar?")) {
    document.getElementById("listaMotivos"+i).outerHTML = "";
  }
}

fieldset { border: none; }
label { display: block; cursor: pointer;}
.remove { color:black;font-weight:bold;text-decoration:none; }
ul,li{
   list-style: none;
   margin: 0;
   padding: 0;
}

<div class="infor" style="clear: both;"><b>Motivos</b></div>
<div class="infor" style="clear: both; margin-top: 7px;">

<input type="text" id="newMotivo" placeholder="Ficar atraente"> 
<button onclick="addMotivo();" style="width: auto">Adicionar Motivo: </button>

</div>
<ul class="infor" id="motivos" style="clear: both; margin-top: 7px; color: #CC720E;">
   <li id="listaMotivos1">
      <b>Bem estar psicologico</b>
      <img src="https://png.icons8.com/metro/1600/delete.png"style="width: 18px" onclick="deleteMot('1');" alt="" />
   </li>
</ul>

var list = document.getElementById('motivos');
var lastid = 0;

function changeText2() {
    var firstname = document.getElementById('motivo').value;
    document.getElementById('anteriores').innerHTML = firstname;
    var entry = document.createElement('li');
    entry.appendChild(document.createTextNode(firstname));
    entry.setAttribute('id','item'+lastid);
    entry.setAttribute('data-name',firstname); //adicionou um atributo para facilitar o acesso ao nome
    var removeButton = document.createElement('button');
    removeButton.appendChild(document.createTextNode("remove"));
    removeButton.setAttribute('onClick','removeName("'+'item'+lastid+'")');
    entry.appendChild(removeButton);
    lastid+=1;
    list.appendChild(entry);
}


function removeName(itemid){
    var item = document.getElementById(itemid);
    list.removeChild(item);
}

function getNames(){
    var names = [];
    for(var i=0;i<list.children.length;i++){
        names.push(list.children[i].getAttribute("data-name"));//obter atributo definido anteriormente e adicionar ao array
    }
    return names;
}

fieldset {
  border: none;
}

label {
  display: block;
  cursor: pointer;
}

.remove {
  color: black;
  font-weight: bold;
  text-decoration: none;
}

Digite seu motivo:
<input type="text" id="motivo">
<br>
<p>Último motivo adicionado: <b id='anteriores'></b> 
</p>

<ol id="motivos"></ol>
<input type='button' onclick='changeText2()' value='Adicionar' />
<input type='button' onclick='alert(getNames())' value='Modal motivos' />