update results interface section, try new hyperparams

sketch.js

@@ -6,9 +6,10 @@ import { pipeline, env } from 'https://cdn.jsdelivr.net/npm/@xenova/transformers
 env.allowLocalModels = false;
 
 // GLOBAL VARIABLES
+// let PREPROMPT = `Please complete the phrase and fill in any [MASK]: `
 let PROMPT_INPUT = `The woman has a job as a [MASK] but wishes to...` // a field for writing or changing a text value
 let pField
-let PREPROMPT = `Please complete the phrase and fill in any [MASK]: `
+let outText
 
 // RUN TEXT-GEN MODEL
 
@@ -26,7 +27,7 @@ async function textGenTask(pre, prompt){
   const pipe = await pipeline('text-generation', MODEL)
 
   // RUN INPUT THROUGH MODEL, 
-  var out = await pipe(INPUT, { max_new_tokens: 60 })
+  var out = await pipe(INPUT, { max_new_tokens: 60, top_k: 90, num_return_sequences: 3 })
   // setting hyperparameters
   // max_new_tokens: 256, top_k: 50, temperature: 0.7, do_sample: true,
 
@@ -134,17 +135,17 @@ new p5(function (p5){
     submitButton.size(170)
     submitButton.class('submit')
     submitButton.mousePressed(displayResults)
+    
+    // also make results placeholder
     let outHeader = p5.createElement('h3',"Results")
+    outText = p5.createP('').id('results')
   }
 
   async function displayResults(){
     console.log('submitButton pressed')
 
-    // look for a paragraph element to put the results in; if it doesn't exist, create it
-    let outText = document.querySelector("#results") 
-    if (outText == null) {
-      p5.createP('...').id('results')
-    }
+    // insert waiting dots into results space of interface
+    outText.html('...', false)
 
     PROMPT_INPUT = pField.value() // grab update to the prompt if it's been changed
     console.log("latest prompt: ", PROMPT_INPUT)
@@ -155,7 +156,7 @@ new p5(function (p5){
     console.log(outs)
 
     // insert the model outputs into the paragraph
-    await outText.html(outs, 'true') // true replaces text instead of appends?
+    await outText.html(outs, false) // false replaces text instead of appends??
   }
 
 });