html_lambda

<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Formulario API Lambda</title>
    <script>
        // Función para enviar datos a la API
        async function enviarDatos() {
            // Captura el valor del campo de nombre
            const nombre = document.getElementById("nombre").value;

            // Verifica que el campo no esté vacío
            if (nombre.trim() === "") {
                alert("Por favor, ingresa un nombre");
                return;
            }

            // Enviar los datos a la API
            const response = await fetch("TU_URL_DE_API_GATEWAY/hello", {
                method: "POST",
                headers: {
                    "Content-Type": "application/json"
                },
                body: JSON.stringify({ name: nombre })
            });

            // Procesar la respuesta
            const data = await response.json();
            alert(data.message); // Mostrar mensaje recibido de la API
        }
    </script>
</head>
<body>
    <h2>Formulario de Inserción de Datos</h2>
    <label for="nombre">Nombre:</label>
    <input type="text" id="nombre" name="nombre" placeholder="Ingrese su nombre">
    <button onclick="enviarDatos()">Enviar</button>
</body>
</html>