JavaScript Mastery Tutorial

// Using modern JavaScript features
const getWeather = async (city) => {
  try {
    // API call with fetch
    const apiKey = '49f3f34e3073ab7df457349d693c4380';
    const response = await fetch(
      `https://api.openweathermap.org/data/2.5/weather?q=${city}&appid=${apiKey}&units=metric`
    );
    
    // Error handling
    if (!response.ok) {
      throw new Error('City not found');
    }
    
    // Destructuring data
    const data = await response.json();
    const { name, main, weather, sys, wind } = data;
    const [weatherInfo] = weather;
    
    // Template literals
    return {
      city: name,
      country: sys.country,
      temp: main.temp,
      feels_like: main.feels_like,
      humidity: main.humidity,
      description: weatherInfo.description,
      icon: weatherInfo.icon,
      windSpeed: wind.speed
    };
  } catch (error) {
    return { error: error.message };
  }
};

// Example usage
getWeather('London').then(weather => {
  if (weather.error) {
    console.error(`Error: ${weather.error}`);
  } else {
    console.log(`
      Weather in ${weather.city}, ${weather.country}:
      Temperature: ${weather.temp}°C (Feels like: ${weather.feels_like}°C)
      Conditions: ${weather.description}
      Humidity: ${weather.humidity}%
      Wind: ${weather.windSpeed} m/s
    `);
  }
});