recursive form test

sketch.js

@@ -46,13 +46,13 @@ new p5(function(p5){
     }
 
     window.onload = function(){
-        console.log('sketchfile loaded')
+        console.log('dom and js loaded')
     }
 
     
 
     function makeInterface(){
-        console.log('got to make interface')
+        console.log('reached makeInterface')
         let title = p5.createElement('h1', 'p5.js Critical AI Prompt Battle')
         title.position(0,50)
 
@@ -61,7 +61,8 @@ new p5(function(p5){
         promptInput.size(500);
         promptInput.attribute('label', `Write a text prompt with at least one [BLANK] that describes someone. You can also write [blank] where you want the bot to blank in a word.`)
         promptInput.value(`The [BLANK] works as a [blank] but wishes for [blank].`)
-        promptInput.elt.style.fontSize = "15px";
+        // promptInput.elt.style.fontSize = "15px";
+        promptInput.addClass("prompt")
         p5.createP(promptInput.attribute('label')).position(0,100)
         // p5.createP(`For example: "The BLANK has a job as a blank where their favorite thing to do is ...`)
 
@@ -107,11 +108,10 @@ new p5(function(p5){
     }
 
     function makeBlank(){
-        let i = 
         let b = p5.createInput("")
-        b.position(0, 240 + (i*30)) // positions new buttons below the prior buttons based on their place in the list
-        b.size(200)
-        b.elt.style.fontSize = "15px" // change this to CSS
+        // b.position(0, 240 + (i*30)) // positions new buttons below the prior buttons based on their place in the list
+        // b.size(200)
+        // b.elt.style.fontSize = "15px" // change this to CSS
         b.addClass("blank")
         blankA.append(b)
     }
@@ -128,7 +128,7 @@ new p5(function(p5){
 
         for (b in blanks){
             // b = b.value()
-            inputArray.push(b.value())    
+            append(inputArray, b.value())    
         }
         console.log(promptResult, inputArray)
     }

style.css

@@ -8,9 +8,6 @@
 html,
 body {
     height: 100%;
-}
-
-body {
     padding: 32px;
 }
 
@@ -77,4 +74,15 @@ canvas {
     font-size: 12px;
     margin: -16px 0 0 -2px;
     padding: 1px;
-}
+}
+
+input {
+    margin: 1rem;
+    size: 200;
+}
+
+button {
+    font-size: 15px;
+    margin: 1rem;
+}
+