How to build a Weather App using HTML CSS & Javascript

Подписаться 532

Просмотров 12 тыс.

50% 1

Weather App | Weather App using HTML CSS and Javascript | Weather App Javascript | Javascript Project | HTML CSS JS Projects | Build Weather App | Weather Api | Fetch API | Javascript | Javascript Weather App
Welcome to another exciting project in my "JavaScript Project Series"! In today's tutorial, we'll be creating a dynamic Weather App using HTML, CSS, and JavaScript. Join me on this coding journey as we build a sleek and functional weather application.
🔗 GitHub Repository: Weather App Project: github.com/codewithgulzar/Htm...
Playlist Link:
🎥 Check out the full JavaScript Project Series:
• HTML, CSS & JavaScript...
📌 Timestamps:
0:00 - Introduction
1:10 - Setting up HTML structure
9:00 - Styling with CSS
20:00 - Implementing JavaScript for interactive features
Stay tuned for more engaging projects in the JavaScript Project Series. Be sure to like this video, subscribe to the channel, and ring the notification bell to stay informed about upcoming tutorials. Happy coding! 🌟✨

Опубликовано:

1 июл 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 33

@AMIteam92k 5 месяцев назад

Very helpful tutorials❤❤

@dhavaltukadiya6275 4 месяца назад

my error in console is data is not define . where i update temp or city name pls solve it

@user-wk6gt4yd1b 3 месяца назад

great this really work well SIR GULZAR

@codewithgulzar 3 месяца назад

Thank you

@huzaifahanjra2925 3 месяца назад

Work well 😌

@codewithgulzar 3 месяца назад

Well done👍

@user-ru3ju3yq6p 4 месяца назад

i have done it with my own api key and along with the api call but in the ouput if i enter the city names it is not getting reflecting to it , can you tell me please how can i avoid that mistake\

@codewithgulzar 4 месяца назад

Inside fetch function u need to pass api url with api key and city name, without seeing ur code its hard to say where is the mistake but u can compare ur code with my code ( find GitHub link in the description)

@paradise14985 2 месяца назад

dear nice apka style love u

@codewithgulzar 2 месяца назад

Thank you

@huzaifahanjra2925 3 месяца назад

Bro why 401 error is occured again and again

@dhavaltukadiya6275 4 месяца назад

Uncaught (in promise) TypeError: Cannot set properties of null (setting 'textContent') my error is this solve it

@codewithgulzar 4 месяца назад

push your code on GitHub/drive/replit and share the link with me, you can also check my code on GitHub (link in the description)

@gurukirank7350 2 месяца назад

Bro please could u help me out like what are the reasons for invalid api

@codewithgulzar 2 месяца назад

Go to openweathermap.org/api_keys and create ur own api key, first sign up, then you will get your api key

@amulyamachhan5963 2 месяца назад

Best 🫀

@huzaifahanjra2925 3 месяца назад

Invalid api key return

@Giveawayyforu 5 месяцев назад

bro Expence manager app bnao

@codewithgulzar 5 месяцев назад

Sure👍

@himanshigupta3255 5 месяцев назад

Same problem with my code How to create own api

@codewithgulzar 5 месяцев назад

Go to openweathermap.org website then create your account and find your api key, direct link- home.openweathermap.org/api_keys

@Scstudio565 5 месяцев назад

U can't create ur own u have make an o these down link and u have to create an account at that application once u create a account u can find ur own API key.that's it.

@surajbapmare1477 5 месяцев назад

wather api not working

@codewithgulzar 5 месяцев назад

Create your own api key

@vikramkumarpaswan477 3 месяца назад

what should i do if my icon is not updating according to weather conditions?

@codewithgulzar 3 месяца назад

You can also use if conditions, means if weather condition is cloudy then use cloud icon in Similarly check for all possible weather conditions and use icon

@vikramkumarpaswan477 3 месяца назад

@@codewithgulzar thank you it's fixed now

@codewithgulzar 3 месяца назад

👍