estado de cargando (Loading State)

Author: MikeBrevis

script.js

@@ -1,7 +1,14 @@
 const formulario = document.getElementById('contact-form');
+const sendButton = document.getElementById('send_button');
 
 formulario.addEventListener('submit', async (evento) => {
     evento.preventDefault();
+    const originalButtonContent = sendButton.innerHTML;
+    sendButton.disabled = true;
+    sendButton.innerHTML = `
+        <span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>
+        Enviando...
+    `;
     const datos = new FormData(formulario);
     const datosJson = Object.fromEntries(datos.entries());
 
@@ -26,5 +33,8 @@ formulario.addEventListener('submit', async (evento) => {
     } catch (error) {
         console.error('Error:', error);
         alert('No se pudo conectar con el servidor.');
+    } finally {
+        sendButton.disabled = false;
+        sendButton.innerHTML = originalButtonContent;
     }
 });