simplify test, only console log

index.js

@@ -7,6 +7,7 @@ env.allowLocalModels = false;
 
 // GLOBAL VARIABLES
 var PROMPT_INPUT = `The vice president [MASK] after returning from war.` // a field for writing or changing a text value
+var pField
 var OUTPUT_LIST = [] // a blank array to store the results from the model
 
 
@@ -14,25 +15,27 @@ var OUTPUT_LIST = [] // a blank array to store the results from the model
 async function fillInTask(){
   console.log('fill-in task initiated')
 
+  PROMPT_INPUT = pField.value()
+
   const pipe = await pipeline('fill-mask', 'Xenova/bert-base-uncased');
   
   var out = await pipe(PROMPT_INPUT);
 
   console.log(await out) // yields { score, sequence, token, token_str } for each result
   
-  await out.forEach(o => {
-    console.log(o) // yields { score, sequence, token, token_str } for each result
-    OUTPUT_LIST.push(o.sequence) // put only the full sequence in a list
-  })
+  // await out.forEach(o => {
+  //   console.log(o) // yields { score, sequence, token, token_str } for each result
+  //   OUTPUT_LIST.push(o.sequence) // put only the full sequence in a list
+  // })
   
-  console.log(OUTPUT_LIST)
+  // console.log(await OUTPUT_LIST)
 
-  displayResults(OUTPUT_LIST)
+  // displayResults(await OUTPUT_LIST)
 
   console.log('fill-in task completed')
 
-  // return await out
-  return await OUTPUT_LIST
+  return await out
+  // return await OUTPUT_LIST
 }
 
 // PROCESS MODEL OUTPUT
@@ -51,7 +54,7 @@ async function fillInTask(){
 
 // await getOutputs(fillInTask()) // getOutputs will later connect to the interface to display results
 
-
+await fillInTask()
 
 //// p5.js Instance
 
@@ -74,12 +77,13 @@ new p5(function (p5){
   }
 
   function makeFields(){
-    PROMPT_INPUT = p5.createInput(PROMPT_INPUT).value(PROMPT_INPUT) // turns the string into an input; now access the text via PROMPT_INPUT.value()
-    PROMPT_INPUT.size(700)
-    PROMPT_INPUT.attribute('label', `Write a text prompt with at least one [MASK] that the model will fill in.`)
-    p5.createP(PROMPT_INPUT.attribute('label'))
-    PROMPT_INPUT.addClass("prompt")
-    console.log(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'))
+    pField.addClass("prompt")
+    pField.value(PROMPT_INPUT)
+    console.log(pField.value())
   }
 
   function makeButtons(){
@@ -89,11 +93,12 @@ new p5(function (p5){
     submitButton.mousePressed(fillInTask)
   }
 
-  function displayResults(list){
+  async function displayResults(text){
     console.log('displayed or pressed')
+    text = str(text)
     let outHead = p5.createElement('h4',"Results:") 
     let outText = p5.createP('')
-    outText.html(list)
+    await outText.html(text)
   }
 
   // async function makeOutputDisplay(){