Oi Samuel
Criei uma função que faz o que você pediu. Basicamente ela funciona da seguinte forma: toda a vez que a função somar() é chamada, ao final dela a função que eu criei, verificarAlteracaoInput(), é chamada e os dois elementos de inputs (que o usuário preenche com os números) são passados como parâmetro.
Uma vez chamada, a função verificarAlteracaoInput() aciona dois eventos de escuta, um para o input com ID txtn1 e outro para o input com ID txtn2. Saiba mais sobre eventos de escuta aqui.
Quando um desses inputs sofrem alguma alteração, todo o conteúdo dentro da div com ID resposta é limpo.
O código a seguir é como ficou o bloco <script></script>. Daria pra reduzir, mas acredito que eu iria te confundir. Espero ter ajudado, bons estudos!
<script>
function somar(){
var tn1 = document.getElementById("txtn1")
var tn2 = document.getElementById("txtn2")
var n1 = Number(tn1.value)
var n2 = Number(tn2.value)
var resultado = document.getElementById("resposta")
var soma = n1 + n2
var soma =(String(soma)).replace(".", ",")
resultado.innerHTML = `A soma dos números é: <strong>${soma}</strong>`
//A função verificarAlteracaoInput é chamada e como parâmetro os dois elementos de inputs são passados
verificarAlteracaoInput(tn1, tn2);
}
// Função acionada pela função somar()
function verificarAlteracaoInput(input1, input2){
var resultado = document.getElementById("resposta");
// Função de escuta para o evento do tipo input no elemento com id txtn1
input1.addEventListener('input', () => {
//Limpa todo o contéudo HTML de resultado
resultado.innerHTML = '';
})
// Função de escuta para o evento do tipo input no elemento com id txtn2
input2.addEventListener('input', () => {
resultado.innerHTML = '';
})
}
</script>