update vars for model output run

sketch.js

@@ -11,7 +11,7 @@ var PREPROMPT = `Please continue the story, filling any [MASK] with your own wor
 // let PREPROMPT = `Please complete the phrase and fill in any [MASK]: `
 var PROMPT_INPUT = `The [BLANK] has a job as a [MASK] but...` // a field for writing or changing a text value
 var promptField // an html element to hold the prompt
-var outText // an html element to hold the results
+var outText, outPics, outInfo // html elements to hold the results
 var blanksArray = [] // an empty list to store all the variables we enter to modify the prompt
 // e.g. ["woman", "man", "non-binary person"]
 
@@ -53,7 +53,7 @@ async function textGenTask(pre, prompt, blanks){
   // const pipe = await pipeline('text-generation', MODEL) //different task type, also for text generation
   const pipe = await pipeline('text2text-generation', MODEL)
 
-  var hyperparameters = { max_new_tokens: 200, top_k: 90, repetition_penalty: 1.5 }
+  var hyperparameters = { max_new_tokens: 200, top_k: 20, repetition_penalty: 1.5 }
     // setting hyperparameters
     // max_new_tokens: 256, top_k: 50, temperature: 0.7, do_sample: true, no_repeat_ngram_size: 2, num_return_sequences: 2 (must be 1?)
 
@@ -201,16 +201,16 @@ new p5(function (p5){
     // // make output placeholders
     // text-only output
     p5.createElement('h3', 'Text output').parent(outputDiv)
-    let outText = p5.createP('').id('outText').parent(outputDiv)
+    outText = p5.createP('').id('outText').parent(outputDiv)
 
     // placeholder DIV for images and captions
     p5.createElement('h3', 'Text-to-image output').parent(outputDiv)
-    let outPics = p5.createDiv().id('outPics').parent(outputDiv)
+    outPics = p5.createDiv().id('outPics').parent(outputDiv)
         // img1 = p5.createImg('URL')
 
     // print info about model, prompt, and hyperparams
     p5.createElement('h3', 'Prompting info').parent(outputDiv)    
-    let outInfo = p5.createP('').id('outInfo').parent(outputDiv)
+    outInfo = p5.createP('').id('outInfo').parent(outputDiv)
   }
 
   async function displayOutput(){
@@ -236,7 +236,7 @@ new p5(function (p5){
     console.log(outs)
 
     // insert the model outputs into the paragraph
-    await outText.html(outs, false) // false replaces text instead of appends
+    await outText.html(outs, false) // false valuereplaces text, true appends text
   }
 
   p5.draw = function(){