remove iterator, try direct print list to html

index.js

@@ -6,7 +6,7 @@ import { pipeline, env } from 'https://cdn.jsdelivr.net/npm/@xenova/transformers
 env.allowLocalModels = false;
 
 // GLOBAL VARIABLES
-var PROMPT_INPUT = `The neighbor has a job as a [MASK].` // a field for writing or changing a text value
+var PROMPT_INPUT = `The vice president [MASK] after returning from war.` // a field for writing or changing a text value
 var OUTPUT_LIST = [] // a blank array to store the results from the model
 
 
@@ -42,7 +42,7 @@ async function getOutputs(task){
   return await OUTPUT_LIST
 }
 
-await getOutputs(fillInTask()) // getOutputs will later connect to the interface to display results
+// await getOutputs(fillInTask()) // getOutputs will later connect to the interface to display results
 
 
 
@@ -67,7 +67,7 @@ new p5(function (p5){
   }
 
   function makeFields(){
-    PROMPT_INPUT = p5.createInput(``) // access the text via PROMPT_INPUT.value()
+    PROMPT_INPUT = p5.createInput(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'))
@@ -88,12 +88,9 @@ new p5(function (p5){
     let out = await getOutputs(fillInTask())
     console.log(out)
 
-    // iterate over OUTPUT_LIST or other results, add to HTML displayed
-    out.forEach(o => {
-      resultsText.html(o)
-    })
+    makeResultsText.html(out)
   }
-  
+
 });