The two fadeInList functions control the fading animation of a continuous list split into two lines. The typeOutText function displays text and is supposed to execute List1 first, wait for it to finish, and then proceed with List2. However, after adding key events for the enter/spacebar keys, both lists now render simultaneously instead of sequentially.
async function fadeInSlide3List1() {
// Code for List1 fading animation
}
async function fadeInSlide3List2() {
// Code for List2 fading animation
}
async function typeOutSlide3() {
// Main function controlling text typing and list animations
}
I have spent four hours debugging this issue without success. My JavaScript skills are limited, and I am struggling to find a solution.