Added chat.js, removed key from static site

mooncal/chat.js

@@ -0,0 +1,32 @@
+async function getChatGPTResponse(prompt) {
+    const url = `https://mooncalendar.glitch.me/api/chatgpt`;
+
+    try {
+      const response = await fetch(url, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ prompt })
+      });
+
+      if (!response.ok) {
+        throw new Error(`Error: ${response.statusText}`);
+      }
+
+      const data = await response.json();
+      console.log("ChatGPT response:", data.response);
+
+      return data.response; // Return the chatbot's response
+    } catch (error) {
+      console.error("Failed to get response from ChatGPT:", error);
+    }
+
+    return null; // Default to null if fetching fails
+  }
+
+  // Example Usage
+  getChatGPTResponse("Tell me a joke about programming.").then(response => {
+    if (response) {
+      console.log("ChatGPT says:", response);
+    }
+  });
+

mooncal/index.html

@@ -21,6 +21,7 @@ <h2 id="moonPhaseText">Laden...</h2>
 
   <script src="stars.js"></script>
   <script src="moondata.js"></script>
+  <script src="chat.js"></script>
 </body>
 
 </html>

mooncal/moondata.js

@@ -79,8 +79,6 @@ async function fetchMoonPhase(location, date) {
     return null;
 }
 
-
-
 function getMoonPhasePercentage(normalizedPhase) {
     return Math.round(normalizedPhase * 100); // Convert to percentage and round off
 }
@@ -91,10 +89,9 @@ async function initialize() {
     const selectedDate = parseDate(queryDate);
     const dateForApi = formatDateForAPI(selectedDate);
     const location = getQueryParam('location') || 'Zurich, Switzerland'; // Default location
-    const apiKey = 'ABCDEFGHIJK'; // Replace with your actual API key
 
     // Fetch the moon phase from the API
-    const apiMoonPhase = await fetchMoonPhase(location, dateForApi, apiKey);
+    const apiMoonPhase = await fetchMoonPhase(location, dateForApi);
     if (apiMoonPhase !== null) {
         const moonPhaseName = getMoonPhaseName(apiMoonPhase);
         const moonPhaseImage = getMoonPhaseImage(apiMoonPhase);