Aplicación WEB local con JavaScript utilizando el API de GEMINI (Modelo de IA de Google)

[@diegomoissetdeespanes]

Gemini /* Estilos generales */ body { font-family: Arial, sans-serif; line-height: 1.5rem; margin: 0; padding: 0; } /* Contenedor principal */ .contenedor { max-width: 600px; padding: 30px; margin: 0 auto; } /* Título */ h1 { font-size: 1.5rem; margin-bottom: 30px; text-align: center; } /* Consulta */ #consulta { width: 100%; height: 200px; padding: 10px; border: 1px solid #ccc; border-radius: 5px; } /* Botón de consulta */ #botonConsulta { display: block; margin: 30px auto 0 auto; padding: 10px 20px; border: 1px solid #000; border-radius: 5px; background-color: #000; color: #fff; cursor: pointer; } /* Resultados de la consulta */ #resultadoConsulta { background-color: #eee; padding: 10px; margin-top: 30px; font-family: monospace; } /* Cargando... */ .loading { color: #666; font-size: 1.2rem; text-align: center; } Formulario de Consulta a GEMINI Consultar { "imports": { "@google/generative-ai": "esm.run/@google/generative-ai" } } import { GoogleGenerativeAI } from "@google/generative-ai" const clave = "xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx" // copiar su clave const genAI = new GoogleGenerativeAI(clave) const model = genAI.getGenerativeModel({ model: "gemini-pro" }) document.querySelector("#botonConsulta").addEventListener("click", async () => { desactivarBoton() const consulta = document.querySelector("#consulta").value const resultadoConsulta = document.querySelector("#resultadoConsulta") try { const result = await model.generateContent(consulta) const response = await result.response const text = response.text() resultadoConsulta.innerHTML = text } catch (error) { resultadoConsulta.innerHTML = 'Problemas en la consulta' } activarBoton() }) function desactivarBoton() { const botonConsulta = document.querySelector("#botonConsulta") botonConsulta.disabled = true botonConsulta.innerText = "Consultando..." } function activarBoton() { const botonConsulta = document.querySelector("#botonConsulta") botonConsulta.disabled = false botonConsulta.innerText = "Consultar" }

[@LALOOS71]

Gracias Diego, muy bueno tu aporte, fui alumno tuyo en la Santo Domingo, cuando estaba la sede en la 27 de abril...

[@diegomoissetdeespanes]

¡Hola Dardo López! Recuerdo los viejos tiempos dando clase en el ISSD en la calle 22 de Abril, me trae consigo muchos recuerdos y experiencias.

[@luisarchila3290]

Buena día, tarde o noche. Le comento que me brinda un error en la consulta, ya ingrese mi clave de api, pero me sigue dando problema, si le fuera posible escribirme se lo agradeceria, mi curso depende de esto, y es para el miercoles. Gracias

[@finanzasparaelfuturo3103]

bien profe estoy haciendo tu gran curso de javascript cual es su proximo proyecto en el canal con que nos va a sorprender este año

[@cristcaballero]

Podrias darnos un ejemplo de como pasarle al prompt una imagen o un pfd para que haga una determinada acción

[@o0billie0o]

Gracias!!

[@pedrovillagra3390]

Hola, funciona perfecto. Como se podria personalizar el modelo para que interactue con mis datos ? Osea poder indicarle un prompt y los parametros de configuración como temperature, max tokens, etc. ? Saludos

[@Gabiitto]

VAMOSSSSSS! el 1 del 2023

[@kraken993]

2023?