Weather App using HTML CSS & Javascript | Weather App Javascript
Vložit
- čas přidán 26. 08. 2024
- Weather App using HTML CSS and Javascript, Weather App Javascript, Weather App, Weather App using HTML CSS JS, Weather App using HTML, Weather App using Javascript, Weather App using HTML CSS
Click For More: / @codehal
Website:
codehalweb.com/
-------------------------------------------------------------------
Get Source Code from here and support me ❤
www.buymeacoff...
Get Source Code by PayPal
ko-fi.com/s/31...
🔔 Subscribe Now!
/ @codehal
Javascript Project:
How To Make Quiz Website Using HTML CSS And Javascript
• How To Make Quiz Websi...
Analog Clock Using HTML CSS & Javascript
• Analog Clock Using HTM...
Download Image & Start Project From Scratch:
drive.google.c...
Openweathermap API (Get API Key)
openweathermap...
Icons:
boxicons.com/
Image Sources:
Images created by coolvector, pikisuperstar, freepik
www.freepik.com/
Codehal
-------------------------------------------------------------------
#css #cssanimation #csseffect #codehal
-------------------------------------------------------------------
Disclaimer video is for educational purpose only. Copyright Disclaimer Under Section 107 of the Copyright Act 1976, allowance is made for "fair use" for purposes such as criticism, comment, news reporting, teaching, scholarship, and research. Fair use is a use permitted by copyright statute that might otherwise be infringing. Non-profit, educational or personal use tips the balance in favor of fair use.
Bro Its Work I do the Same thing..but some times I faced some error' but I Corrected it by using chat gpt lastest Version..but now it's working properly..Lot of thanks you Nanba🎉❤❤
Can I get the correct code please 🙏
I use a combination of all your videos to create my own. What I've learned is it's not as easy as you make it even if you are just following along. Thanks for the vids. It really helps with my skills.
can u give me the code?
It's Amazing, But Mine Is Off Because The Humidity And Windspeed Are Wierd
WTA Bro, at minutes 23.20, why are my clouds not coming in from above but from below? and it's not the clouds that are moving but the weather box and details... I've checked the translateY and (- +) sections, is there a solution? I am newbie and sorry for my bad English
Amazing job, keep going my man. 👏👏👏👏👏👏
From where did you get those images cause I want more like them
it really works thanks! but I still experience the bug that occurs at minute 27.35
Incredible
Give solution to 16:31 it does show image in clouds in output
same problem
bro do you have the answer ?
@@deadpool7886 no bro do other projects it's waste of time
I have searched for many solutions but it does not work
Sir i follow all the steps as like you but it's not work properly when I search the name not change
Same prblm
same prblm for me 2 also
Wanker won’t reply to your inquiries!😢
Same problem
Same problem. Can someone tell me how you solved this problem?
Those who are facing any kind of error..Just Copy and paste tha code on Chat GPT..It will Correct 💯 the code...
Mine image's are not changing, and chat gpt also now giving answers as I expected
What quotes do you use for this part of the code in js (around 17:30)?
temperature.innerHTML = ${parseInt(json.main.temp)}°C‘;
description.innerHTML = ’ ${json.weather[0].description}’;
humidity.innerHTML = ‵${json.main.humidity}%‵;
wind.innerHTML = ‵${parseInt(json.wind.speed)Km/h}‵;
I tried different ones and it doesn't work with any of these
Those are called template strings, they allow you to embed variables inside of your strings without doing multiple concatenations. You can use them with back ticks. Like this: ` `.
Great project. can I modify your project a little bit and put it on my github sir?
Hi Codehal,
Firstly, thanks a lot for the fantastic tutorial! I've been following along with your weather website project, and it has been immensely helpful.
I've encountered a small hiccup at around the 16.31 minute mark. In your video, the images change seamlessly according to the code, but in my project, I'm facing an issue where the images aren't updating as expected. I've reviewed the code multiple times, but I can't seem to pinpoint the problem.
How to solve it did you find it
thats the same problem am also facing.
how can we solve it?? please explain Codehal.
@@kishankumarjena7985 there is no solution for this!
He don't give reply
@@itzanuj4813 U need to go on config and search for auto save, problably its off, and put it as AfterDelay, and now go to auto save delay and put it to something like 1000 or 600 (like mine)
Saludos desde Cuba
Will it work even for website?
This was amazing
Love it! Good work!
Thanksss..
Thanks it was great
Dayyyummm bro
Where is haze icon image?
Which app you are using
VSCode
i did everything same with video but, when i search for a country it's not responding
Make tutorial for responsive website ❤
Can you search for town and village too?
Daymmmmm 🎉
You have to search with cordinates, searching with name will not work.
The result of this and weather report is different
How?
Bro where you got this cloud and sun icons from
Why the background colour is not changing i did exactly same with this video
Hello, good work sir. I couldn't find the weather API shown in the video. Can you send me the link? Can you help me? Thank you.
ahaha I found it, the problem was solved, thank you and you are a quality channel, thank you for what you taught us. I wish you continued success...
the link is in the description
I have problem😢 , can you help me ?
Img weather just set 2sec then disappear , not like humidity and wind that set until i write new city
same here
Thanks alot
it work ?
@@mohammed8368 yap bro
how can iknow what json.weather[0].main containe?
can you please tell me name of the vs code theme you are using, it looks good. also i explored your channel it's too good for me as i can impliment complex logic but i need to work on ui and your projects are too goot, instantly susbcribed
Tokyo Night bro!
In 17:51.. When i'm giving city name, just images are changing, not humidity, wind.. i didn'r downloaded or installed json.. Should i need to setup it? If yes, then how?
No need
My problem is opposite, my images not changing 😢😢
@@pratikmunde5998
You need to give ` this instead of ' in the fetch (` paste link here `)
Then it will work sometimes it will be same weather in different countries so try more countries then check it's changing or not
Auuuuuu 🇹🇷🐺👊👊
are wrapper and container same ?
no
@@najeebva.1046 ok 🤝
I want the index to open directly in a city, if I pay, can you do it?
yes
I can't believe you code while listening this kind of music. Brother mostly beginners try this app and you write code without any explanation and with distracting music.
Like
How much i can sell site in this video
it says API invalid,please help
Can we active the request by pressing the enter key?
With javascript, you can capture when enter is pressed and perform operations.
ex:
document.getElementById('submit').onkeydown = function(e){
if(e.keyCode == 13){
// submit
}
};
Mari img box ma show nhy ho rhy
7:21 / 36:12
💪🏻😁
10:43
how do you make $ in java
api key not working
invalid api key showing
if anyone tell me how to solve this plsss
no bro its still not working
bro work nhi kar rha project
Same problem
Itna code likhenge kaise ?
idk why but it doesnt let me to preess the search button
try this ` not this '
Can you tell me what are the backend languages used?
javascript
Hii, can you please tell me what color theme is this?
night owl
Which extension is that of the code i mean the colour
night owl
Oh
Bro weather is not fetching
I don't know where I did mistake
Hello brother 🤗
Hey .. 💚
yappa yappa chal apaa project bidu
TÜRKIYEEEE 🐺🐺🐺🐺🐺🐺🐺🐺
У меня вообще не получится это😢
Can someone help me? my images in .weather-box img which connected to switch case isn't changing when I typed a location
same issue
same issue
is this resolved or not