Weather App using HTML CSS & Javascript | Weather App Javascript
ฝัง
- เผยแพร่เมื่อ 16 ต.ค. 2023
- 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.buymeacoffee.com/codehaly...
Get Source Code by PayPal
ko-fi.com/s/317817c8cc
🔔 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.com/file/d/1Rp5M...
Openweathermap API (Get API Key)
openweathermap.org/api
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.
Incredible
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
It's Amazing, But Mine Is Off Because The Humidity And Windspeed Are Wierd
This was amazing
Amazing job, keep going my man. 👏👏👏👏👏👏
Thanks it was great
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?
Saludos desde Cuba
Great project. can I modify your project a little bit and put it on my github sir?
Can you tell me what are the backend languages used?
Dayyyummm bro
Make tutorial for responsive website ❤
Can you search for town and village too?
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: ` `.
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🎉❤❤
Love it! Good work!
Thanksss..
it really works thanks! but I still experience the bug that occurs at minute 27.35
how can iknow what json.weather[0].main containe?
Daymmmmm 🎉
i did everything same with video but, when i search for a country it's not responding
Auuuuuu 🇹🇷🐺👊👊
it says API invalid,please help
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
💪🏻😁
Bro where you got this cloud and sun icons from
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
Why the background colour is not changing i did exactly same with this video
You have to search with cordinates, searching with name will not work.
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)
How much i can sell site in this video
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!
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
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
}
};
Hii, can you please tell me what color theme is this?
night owl
are wrapper and container same ?
no
@@najeebva.1046 ok 🤝
Thanks alot
it work ?
@@mohammed8368 yap bro
how do you make $ in java
Like
Mari img box ma show nhy ho rhy
I want the index to open directly in a city, if I pay, can you do it?
yes
api key not working
invalid api key showing
if anyone tell me how to solve this plsss
no bro its still not working
The result of this and weather report is different
How?
Which extension is that of the code i mean the colour
night owl
Oh
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.
idk why but it doesnt let me to preess the search button
try this ` not this '
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?
10:43
yappa yappa chal apaa project bidu
Which app you are using
VSCode
Those who are facing any kind of error..Just Copy and paste tha code on Chat GPT..It will Correct 💯 the code...
7:21 / 36:12
Hello brother 🤗
Hey .. 💚
Itna code likhenge kaise ?
bro work nhi kar rha project
Same problem
У меня вообще не получится это😢
TÜRKIYEEEE 🐺🐺🐺🐺🐺🐺🐺🐺
Bro weather is not fetching
I don't know where I did mistake
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