appendChild() esta criando elementos infinitos ao invés de substituir

appendChild() esta criando elementos infinitos toda vez que uma function é executada, ele deveria substituir o elemento sempre que a função fosse executada, alguém sabe me dizer onde estou errando?

Código:


function verificar() { var nas=window.document.getElementById(“tano”) var data= new Date() var ano_atual=Number(data.getUTCFullYear()) var ano_nas=Number(nas.value) var msg=window.document.getElementById(“p_img”) var res=window.document.getElementById(“div_imagem”)

if(nas.value.length == 0 || nas.value> ano_atual){     window.alert("Esta data não é valida.\nVerifique a data e tente novamente!") }else{     var sexo=window.document.getElementsByName("sexo")     var idade= ano_atual-ano_nas     var genero = ""     var img=document.createElement("img")     img.setAttribute("id", "imagem")     if(sexo[0].checked){         if(idade<=10){             img.setAttribute("src","menino_jovem.png")             genero= "menino"         }else if(idade<=18){             img.setAttribute("src", "menino_adolescente.png")             genero= "garoto"         }else if(idade<=40){             img.setAttribute("src","homem_adulto.png")             genero= "homem"         }else if(idade<=60){             img.setAttribute("src", "homem_meia_idade.png")             genero= "homem"         }       }      if(sexo[1].checked){         if(idade<=10){             img.setAttribute("src","menina_jovem.png")             genero= "menina"         }else if(idade<=18){             img.setAttribute("src", "menina_adolescente.png")             genero= "garota"         }else if(idade<=40){             img.setAttribute("src","mulher_adulto.png")             genero= "mulher"         }else if(idade<=60){             img.setAttribute("src", "melher_meia_idade.png")             genero= "mulher"         }     }   } msg.innerHTML=`Verificamos um(a) $  {genero} de $  {idade} anos.` res.appendChild(img) 

}