fix

Author: WangYixuan12

app.js

@@ -11,7 +11,7 @@ const POINT_CLOUDS = {
 };
 
 // Function to generate point cloud based on instruction
-async function processInstruction() {
+window.processInstruction = async function() {
     const instruction = document.getElementById('instruction').value;
     if (!instruction) {
         alert('Please enter an instruction');
@@ -55,12 +55,12 @@ async function processInstruction() {
         }
     } catch (error) {
         console.error('Error:', error);
-        alert('An error occurred while processing your request using the key: ' + OPENAI_API_KEY);
+        alert('An error occurred while processing your request');
     } finally {
         // Hide loading spinner
         document.getElementById('loading').style.display = 'none';
     }
-}
+};
 
 // Function to visualize point cloud using Plotly
 function visualizePointCloud(points) {
@@ -181,8 +181,10 @@ function generatePyramid(numPoints) {
 }
 
 // Add event listener for Enter key
-document.getElementById('instruction').addEventListener('keypress', function(e) {
-    if (e.key === 'Enter') {
-        processInstruction();
-    }
+document.addEventListener('DOMContentLoaded', function() {
+    document.getElementById('instruction').addEventListener('keypress', function(e) {
+        if (e.key === 'Enter') {
+            window.processInstruction();
+        }
+    });
 });