Cuando hago clic en el botón para iniciar sesión, el párrafo no aparece en la pantalla. Parece que cambiar el estilo de un elemento a través de JS es una tarea asíncrona.

 const p = document.getElementById("loadingIndicator"); const btn = document.getElementById("loginBtn"); btn.addEventListener("click", () => { p.style.display = "block"; //is this async ? new Promise((resolve, reject) => { const username = prompt("Enter username: ", ""); const pass = prompt("Enter password: ", ""); if( username.toLowerCase() == "mora" && pass.toLowerCase() == "learncode" ) { resolve("Successfully login"); } else { reject(new Error("Something went wrong!")); } }) .finally(() => p.style.display = "none") .then( result => { console.log(result); }, error => { console.warn(error.message); } ); });

¿Cómo arreglar esto?