esto es bastante simple, pero tengo javascript generando cambios de contenido de texto para un proyecto de piedra, papel o tijera. La animación de aparición gradual solo funciona en el primer evento.

He intentado buscar soluciones en la web. Probé element.removeChild(element.firstChild); justo antes de cada cambio de contenido de texto, pero creo que no funcionó porque el contenido de texto no se considera un nodo. Intenté eliminar el contenido de texto justo antes de cada cambio, lo que tampoco funcionó. ¡Cualquier ayuda es muy apreciada!

Fragmento de Javascript:

 if ((playerPick === "Rock" && computerPick === "Scissors") || (playerPick === "Paper" && computerPick === "Rock") || (playerPick === "Scissors" && computerPick === "Paper")) { playerWins++; rounds++; round.textContent = `You win! ${playerPick} beats ${computerPick}!`; }

Fragmento de CSS:

 .narrative-banner { text-align: center; color: white; font-size: 2.2em; font-weight: 700; padding: .2em; padding-top: .8em; animation: fade-in 5s; }