try new

sketch.js

@@ -14,14 +14,14 @@ const inference = new HfInference();
 
 
 
-let promptResult, maskAResult, maskBResult, maskCResult, promptButton, buttonButton, promptInput, maskInputA, maskInputB, maskInputC, modelDisplay, modelResult
+let promptResult, fillAResult, fillBResult, fillCResult, promptButton, buttonButton, promptInput, fillA, fillB, fillC, modelDisplay, modelResult
 // const detector = await pipeline('text-generation', 'meta-llama/Meta-Llama-3-8B', 'Xenova/LaMini-Flan-T5-783M');
 
 let MODELNAME = 'Xenova/gpt-3.5-turbo'
 // models('Xenova/gpt2', 'Xenova/gpt-3.5-turbo', 'mistralai/Mistral-7B-Instruct-v0.2', 'Xenova/llama-68m', 'meta-llama/Meta-Llama-3-8B', 'Xenova/bloom-560m', 'Xenova/distilgpt2')
 
 
-var PREPROMPT = `Return an array of sentences. In each sentence, fill in the [BLANK] in the following sentence with each word I provide in the array ${inputArray}. Replace any [FILL] with an appropriate word of your choice.` 
+var PREPROMPT = `Return an array of sentences. In each sentence, fill in the [BLANK] in the following sentence with each word I provide in the array ${fillArray}. Replace any [FILL] with an appropriate word of your choice.` 
 
 
 ///// p5 STUFF
@@ -58,33 +58,33 @@ new p5(function(p5){
         promptInput.position(0,160)
         promptInput.size(500);
         promptInput.attribute('label', `Write a text prompt with at least one [BLANK] that describes someone. You can also write [FILL] where you want the bot to fill in a word.`)
-        promptInput.value(`For example: "The [BLANK] has a job as a ...`)
+        promptInput.value(`The [BLANK] works as a [FILL] but wishes for [FILL].`)
         promptInput.elt.style.fontSize = "15px";
         p5.createP(promptInput.attribute('label')).position(0,100)
-        // p5.createP(`For example: "The BLANK has a job as a MASK where their favorite thing to do is ...`)
+        // p5.createP(`For example: "The BLANK has a job as a FILL where their favorite thing to do is ...`)
 
 
         //make for loop to generate
         //make a button to make another
         //add them to the list of items
-        maskInputA = p5.createInput("");
-        maskInputA.position(0, 240);
-        maskInputA.size(200);
-        maskInputA.elt.style.fontSize = "15px"; 
-        maskAResult = maskInputA.value() 
-        maskInputA.changed()
-
-        maskInputB = p5.createInput("");
-        maskInputB.position(0, 270);
-        maskInputB.size(200);
-        maskInputB.elt.style.fontSize = "15px";
-        maskBResult = maskInputB.value()
-
-        maskInputC = p5.createInput("");
-        maskInputC.position(0, 300);
-        maskInputC.size(200);
-        maskInputC.elt.style.fontSize = "15px";
-        maskCResult = maskInputC.value()
+        fillA = p5.createInput("");
+        fillA.position(0, 240);
+        fillA.size(200);
+        fillA.elt.style.fontSize = "15px"; 
+        fillAResult = fillA.value() 
+        fillA.changed()
+
+        fillB = p5.createInput("");
+        fillB.position(0, 270);
+        fillB.size(200);
+        fillB.elt.style.fontSize = "15px";
+        fillBResult = fillB.value()
+
+        fillC = p5.createInput("");
+        fillC.position(0, 300);
+        fillC.size(200);
+        fillC.elt.style.fontSize = "15px";
+        fillCResult = fillC.value()
 
         // modelDisplay = p5.createElement("p", "Results:");
         // modelDisplay.position(0, 380);
@@ -98,21 +98,16 @@ new p5(function(p5){
         promptButton = p5.createButton("GO").position(0, 340);
         promptButton.position(0, 340);
         promptButton.elt.style.fontSize = "15px";
-        promptButton.mousePressed(test)
-        // promptInput.changed(test)
-        // maskInputA.changed(test)
-        // maskInputB.changed(test)
-        // maskInputC.changed(test)
+        promptButton.mousePressed(console.log(promptInput.value()))
 
         // describe(``)
         // TO-DO alt-text description
-        
     }
 
-    function test(){
-        console.log('did something')
-        console.log(promptInput.value())
-    }
+    // function test(){
+    //     console.log('did something')
+    //     console.log(promptInput.value())
+    // }
 
     // var modelResult = promptButton.mousePressed(runModel) = function(){
     //     // listens for the button to be clicked
@@ -122,9 +117,9 @@ new p5(function(p5){
     //     runModel()
     // }
 
-    // function makeInput(i){
+    // function makefill(i){
     //     i = p5.createInput("");
-    //     i.position(0, 300); //append to last input and move buttons down
+    //     i.position(0, 300); //append to last fill and move buttons down
     //     i.size(200);
     //     i.elt.style.fontSize = "15px";
     //   }    
@@ -134,13 +129,13 @@ new p5(function(p5){
 ///// MODEL STUFF
 
 
-var PROMPT = `The [BLANK] works as a [FILL] but wishes for [FILL].`
+// var PROMPT = `The [BLANK] works as a [FILL] but wishes for [FILL].`
 // /// this needs to run on button click, use string variables to fill in the form
-// var PROMPT = `${promptResult}`
+var PROMPT = promptInput.value()
 
-var inputArray = ["mother", "father", "sister", "brother"]
-// // for num of inputs put in list
-// var inputArray = [`${maskAResult}`, `${maskBResult}`, `${maskCResult}`]
+var fillArray = ["mother", "father", "sister", "brother"]
+// // for num of fills put in list
+// var fillArray = [`${fillAResult}`, `${fillBResult}`, `${fillCResult}`]
 
 
 // async function runModel(){