Connecting the Function to the UI
Now that our ask function is written, let's wire it up to the Construct 3 interface using event sheet scripting. We'll trigger this function when the user presses the 'Enter' key in the text input field.
// TypeScript code in a Construct 3 Event Sheet
const key = runtime.globalVars.API_KEY;
const question = runtime?.objects?.Question?.getFirstInstance()?.text || "";
const answer = question.trim().length > 0 ? await Gemini.ask({key, question, runtime}) : "Missing Question!";
const textAnswer = runtime.objects.Answer.getFirstInstance();
if (textAnswer) { textAnswer.text = answer};