Javascript Code Improver

Sean Blagsvedt

Takes code on Gooey functions pages and attempts to re-write the code so that it's better.

2y ago

👩‍💻 Prompt

🧠 Language Models

💪 Capabilities

🛠️ Developer Tools and Functions

Variables

code

string

⚙️ Settings

Run cost = 2 credits

Breakdown: 1Cr for GPT-4o + 1Cr/run

With each run, you agree to Gooey.AI's terms & privacy policy.

GPT-4o

To improve the given JavaScript code, we will:

1. Use `async/await` for better readability and to handle promises more cleanly.
2. Add error handling using try-catch blocks.
3. Provide clear documentation and comments.
4. Format the code for better readability.
5. Use descriptive variable names.

Here's the improved code:

```javascript
/**
 * Fetches the current location of the International Space Station (ISS)
 * using the 'Where the ISS at?' API and logs its latitude and longitude.
 * 
 * @returns {Promise<{coords_latitude: number, coords_longitude: number}>} 
 * An object containing the latitude and longitude of the ISS.
 */
async function fetchISSLocation() {
    // Define the API endpoint URL
    const apiUrl = "https://api.wheretheiss.at/v1/satellites/25544";

try {
        // Fetch data from the API
        const response = await fetch(apiUrl);

// Check if the response status is not OK (status code 200)
        if (!response.ok) {
            throw new Error(`Network response was not ok: ${response.statusText}`);
        }

// Parse the JSON data from the response
        const data = await response.json();

// Log the latitude and longitude to the console
        console.log(`Latitude: ${data.latitude}, Longitude: ${data.longitude}`);

// Return an object containing the coordinates
        return {
            coords_latitude: data.latitude,
            coords_longitude: data.longitude
        };
    } catch (error) {
        // Log any errors that occur during fetch or parsing
        console.error("Error fetching ISS location:", error);
        // Optionally, rethrow the error or handle it as needed
    }
}

// Call the function to execute the fetch operation
fetchISSLocation();
```

### Key Improvements:
- **`async/await`**: By using `async/await`, the code becomes easier to read and understand, resembling synchronous code structure.
- **Error Handling**: We added a check for the response status to handle any potential HTTP errors and used try-catch to handle exceptions gracefully.
- **Variable Names**: More descriptive variable names and a structured approach to defining the API endpoint.
- **Comments and Documentation**: Added detailed comments and a function description to explain the purpose and functionality step-by-step.

🐞 Debug

How to Use This Recipe

🙋🏽‍♀️ Need more help? Join our Discord

Javascript Code Improver

👩‍💻 Prompt

🧠 Language Models

💪 Capabilities

🛠️ Developer Tools and Functions

Variables

Response Format

Max Output Tokens

Creativity (aka Sampling Temperature)

Answer Outputs

How to Use This Recipe

Related Workflows

Create a perfect SEO-optimized Title & Paragraph

Profile Lookup + GPT4 for AI-Personalized Emails

Copilot Builder

Lipsync with Text-to-Speech

GET STARTED

LEARN

DEVELOPERS

SOCIAL

CONNECT

EXTRAS