new chain order

index.js

@@ -6,9 +6,9 @@ import { pipeline, env } from 'https://cdn.jsdelivr.net/npm/@xenova/transformers
 env.allowLocalModels = false;
 
 // GLOBAL VARIABLES
-let PROMPT_INPUT = `The [MASK] went to Paris and the [MASK] went to Palestine.` // a field for writing or changing a text value
+let PROMPT_INPUT = `Happy people don't [MASK]` // a field for writing or changing a text value
 let OUTPUT_LIST = [] // a blank array to store the results from the model
-
+let pField
 
 // RUN MODEL
 async function fillInTask(input){
@@ -51,10 +51,6 @@ async function getOutputs(task){
 
 // await getOutputs(fillInTask()) // getOutputs will later connect to the interface to display results
 
-let fillIn = await fillInTask(PROMPT_INPUT)
-
-let outs = await getOutputs(fillIn)
-
 console.log(outs)
 
 //// p5.js Instance
@@ -78,7 +74,7 @@ new p5(function (p5){
   }
 
   function makeFields(){
-    let pField = p5.createInput(PROMPT_INPUT) // turns the string into an input; now access the text via PROMPT_INPUT.value()
+    pField = p5.createInput(PROMPT_INPUT) // turns the string into an input; now access the text via PROMPT_INPUT.value()
     pField.size(700)
     pField.attribute('label', `Write a text prompt with at least one [MASK] that the model will fill in.`)
     p5.createP(pField.attribute('label'))
@@ -91,15 +87,22 @@ new p5(function (p5){
     let submitButton = p5.createButton("SUBMIT")
     submitButton.size(170)
     submitButton.class('submit')
-    submitButton.mousePressed(fillInTask)
+    // submitButton.mousePressed()
   }
 
-  async function displayResults(text){
+  async function displayResults(){
     console.log('displayed or pressed')
-    text = str(text)
-    let outHead = p5.createElement('h4',"Results:") 
-    let outText = p5.createP('')
-    await outText.html(text)
+
+    // PROMPT_INPUT = pField.value()
+
+    let fillIn = await fillInTask(PROMPT_INPUT)
+
+    let outs = await getOutputs(fillIn)
+    
+    // text = str(outs)
+    // let outHeader = p5.createElement('h3',"Results") 
+    // let outText = p5.createP('')
+    // await outText.html(text)
   }
 
   // async function makeOutputDisplay(){