🌍 Global Weather Checker
Check weather conditions anywhere in the world
Try these examples:
London, Paris, Tokyo, New York, Sydney, Mumbai, São Paulo, Cairo
Fetching weather data…
Error message will appear here
City Name
–°C
Weather Description
Feels like: –°C
Humidity
–%
Wind Speed
— m/s
Pressure
— hPa
Visibility
— km
Features:
- Global Weather Search:
- Enter any city name worldwide
- Get real-time weather data
- Weather Information Display:
- Current temperature
- Weather description
- “Feels like” temperature
- Humidity percentage
- Wind speed
- Atmospheric pressure
- Visibility distance
- Visual Design:
- Modern gradient background
- Responsive card layout
- Loading and error states
- Weather icons support
- User Experience:
- Enter key support
- Example cities suggestion
- Clear error messages
Important Setup Instructions:
- Get API Key:
- Visit OpenWeatherMap
- Sign up for a free account
- Get your API key
- Replace ‘YOUR_API_KEY_HERE’ with your actual API key in the code
- API Limitations:
- Free tier: 1000 calls/day
- 60 calls/minute rate limit
- Current weather data only
How to Use:
- Save this code as an .html file
- Get your free API key from OpenWeatherMap
- Replace the API key in the JavaScript section
- Open the file in a web browser
- Enter any city name and click “Get Weather”
Example Cities to Try:
- London
- Tokyo
- New York
- Sydney
- Paris
- Mumbai
- São Paulo
- Cairo
Note: This tool shows current weather conditions for the specified city. For a production website, you should implement proper error handling and consider using a backend proxy to protect your API key.
