got output block stage set up. event creates block dynamically

src/index.css

@@ -20,6 +20,12 @@ pre, code {
     min-width: 600px;
 }
 
+#blocklyDiv2 {
+    flex-basis: 100%;
+    height: 100%;
+    min-width: 600px;
+}
+
 #outputPane {
     display: flex;
     flex-direction: column;

src/index.html

@@ -11,6 +11,7 @@
         <div id="output"></div>
       </div>
       <div id="blocklyDiv"></div>
+      <div id="blocklyDiv2"></div>
     </div>
    </body>
  </html>

src/index.js

@@ -25,7 +25,14 @@ const codeDiv = document.getElementById('generatedCode').firstChild;
 const outputDiv = document.getElementById('output');
 const blocklyDiv = document.getElementById('blocklyDiv');
 const ws = Blockly.inject(blocklyDiv, {toolbox});
-
+const blockOut = Blockly.inject(document.getElementById('blocklyDiv2'), {toolbox});
+blockOut.addChangeListener(function addBlock(addNewBlockEvent){
+  addNewBlockEvent.run(true);
+});
+new Blockly.Events.BlockCreate(blockOut.newBlock("letting_be_expr"));
+//blockOut.addTopBlock(blocks["letting_be_expr"]);
+//console.log(blockOut.getTopBlocks());
+//blockOut.cleanUp();
 //variable category using https://www.npmjs.com/package/@blockly/plugin-typed-variable-modal.
 // much of the code below is from the usage instructions