Estoy tratando de usar la función bubble.js y hacer que la función de bubble.js se aplique a mi nuevo archivo js llamado archivo bubbleChanged.js

burbuja.js:

 let bubble = document.getElementById("speach-bubble"); let noDisplay; bubble.style.display ="none"; const delay = setTimeout(bubbleAnimate,1500) export function bubbleAnimate() { noDisplay = bubble.style.display ="block"; bubble.style.animation="slidein 1.6s 1"; }

bubbleChanged.js:

 import{bubbleAnimate} from '../js/bubble.js'; let form = document.querySelector('.form') form.addEventListener('submit' , (e) => { e.preventDefault(); const input = document.getElementById('input').value; let textChange= document.getElementById('speach-bubble'); textChange.innerHTML = "Welcome to your To-do app \n" + input; bubbleAnimate() }); bubbleAnimate() { textChnage.style.display ="block"; textChnage.style.animation="slidein 1.6s 1"; }

no estoy seguro de lo que estoy haciendo mal aquí? ¿Debería bubbleAnimate() estar dentro del detector de eventos?

En resumen, cuando la burbuja de diálogo se actualiza después de la entrada del usuario, la misma animación debe ocurrir cuando cambia la burbuja de diálogo.