Weather App using HTML CSS & Javascript | Weather App Javascript

Поделиться
HTML-код

Комментарии • 85

  • @rallfsilva6626
    @rallfsilva6626 7 месяцев назад +3

    Incredible

  • @alisaadati8006
    @alisaadati8006 3 месяца назад +1

    This was amazing

  • @Fatemeh_Shirafkan
    @Fatemeh_Shirafkan 4 месяца назад +1

    Thanks it was great

  • @user-hk4bq8be1d
    @user-hk4bq8be1d 7 месяцев назад +7

    Love it! Good work!

    • @codehal
      @codehal  7 месяцев назад +1

      Thanksss..

  • @bethocubans2168
    @bethocubans2168 7 месяцев назад +1

    Saludos desde Cuba

  • @marcthomas9806
    @marcthomas9806 6 месяцев назад +7

    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.

  • @Stardo_YT
    @Stardo_YT 7 месяцев назад +1

    Daymmmmm 🎉

  • @pranadwisatria5364
    @pranadwisatria5364 7 месяцев назад +4

    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

  • @lillyse7en-oz4hv
    @lillyse7en-oz4hv 7 месяцев назад +2

    Dayyyummm bro

  • @alzheimer2860
    @alzheimer2860 4 месяца назад +1

    Great project. can I modify your project a little bit and put it on my github sir?

  • @Aman_Shrivastavaa
    @Aman_Shrivastavaa 7 месяцев назад

    Make tutorial for responsive website ❤

  • @leandrohenrique6056
    @leandrohenrique6056 7 месяцев назад

    💪🏻😁

  • @rakesh_vlogs
    @rakesh_vlogs 6 месяцев назад +1

    Thanks alot

  • @SweetLoveP67
    @SweetLoveP67 7 месяцев назад +3

    Like

  • @buhesapsatilikdegil
    @buhesapsatilikdegil 4 месяца назад

    Auuuuuu 🇹🇷🐺👊👊

  • @user-wc8ug6pg4x
    @user-wc8ug6pg4x Месяц назад

    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

  • @priyapatil3293
    @priyapatil3293 3 месяца назад

    Can you tell me what are the backend languages used?

  • @ilhomovic
    @ilhomovic День назад

    i did everything same with video but, when i search for a country it's not responding

  • @GriffinSaga
    @GriffinSaga Месяц назад

    Can you search for town and village too?

  • @vedantnikhare7454
    @vedantnikhare7454 6 месяцев назад +6

    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.

    • @itzanuj4813
      @itzanuj4813 6 месяцев назад +1

      How to solve it did you find it

    • @kishankumarjena7985
      @kishankumarjena7985 4 месяца назад +1

      thats the same problem am also facing.
      how can we solve it?? please explain Codehal.

    • @itzanuj4813
      @itzanuj4813 4 месяца назад

      @@kishankumarjena7985 there is no solution for this!

    • @itzanuj4813
      @itzanuj4813 4 месяца назад +1

      He don't give reply

    • @KharlosGamer
      @KharlosGamer 3 месяца назад

      @@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)

  • @disaster2530
    @disaster2530 4 месяца назад

    7:21 / 36:12

  • @kushagra4401
    @kushagra4401 7 месяцев назад

    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

  • @Codemiim
    @Codemiim 7 месяцев назад +1

    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.

    • @Codemiim
      @Codemiim 7 месяцев назад

      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...

    • @AdrikTorin
      @AdrikTorin 7 месяцев назад

      the link is in the description

  • @code.priyam
    @code.priyam 6 месяцев назад +9

    The result of this and weather report is different

  • @itzanuj4813
    @itzanuj4813 6 месяцев назад +5

    Give solution to 16:31 it does show image in clouds in output

    • @deadpool7886
      @deadpool7886 Месяц назад

      same problem
      bro do you have the answer ?

    • @itzanuj4813
      @itzanuj4813 Месяц назад

      @@deadpool7886 no bro do other projects it's waste of time

    • @itzanuj4813
      @itzanuj4813 Месяц назад

      I have searched for many solutions but it does not work

  • @maximdiachkov5648
    @maximdiachkov5648 6 месяцев назад +4

    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

    • @DarthVader11912
      @DarthVader11912 Месяц назад

      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: ` `.

  • @soujanyaa.g.4801
    @soujanyaa.g.4801 2 месяца назад

    10:43

  • @user-xx7zt6gy4s
    @user-xx7zt6gy4s 5 месяцев назад

    it says API invalid,please help

  • @tejasfasate4652
    @tejasfasate4652 4 месяца назад +8

    Sir i follow all the steps as like you but it's not work properly when I search the name not change

  • @aloischarlier5837
    @aloischarlier5837 6 месяцев назад

    Can we active the request by pressing the enter key?

    • @bentu_na
      @bentu_na 6 месяцев назад +1

      With javascript, you can capture when enter is pressed and perform operations.
      ex:
      document.getElementById('submit').onkeydown = function(e){
      if(e.keyCode == 13){
      // submit
      }
      };

  • @viniciusmedeiros8767
    @viniciusmedeiros8767 7 месяцев назад

    Hii, can you please tell me what color theme is this?

  • @ganeshgupta9692
    @ganeshgupta9692 7 месяцев назад

    Hello brother 🤗

    • @codehal
      @codehal  7 месяцев назад

      Hey .. 💚

  • @MrBombasticBombafantastic197
    @MrBombasticBombafantastic197 Месяц назад

    How much i can sell site in this video

  • @officialdreamplayz
    @officialdreamplayz 7 месяцев назад +1

    are wrapper and container same ?

  • @rifadilanugrah4566
    @rifadilanugrah4566 3 месяца назад

    how do you make $ in java

  • @HostelGymmers
    @HostelGymmers 26 дней назад

    yappa yappa chal apaa project bidu

  • @wnolau
    @wnolau 2 месяца назад

    I want the index to open directly in a city, if I pay, can you do it?

  • @syncpoint
    @syncpoint 2 месяца назад

    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.

  • @efesaglam8837
    @efesaglam8837 3 месяца назад

    TÜRKIYEEEE 🐺🐺🐺🐺🐺🐺🐺🐺

  • @renu.anuragsrivastava5171
    @renu.anuragsrivastava5171 5 месяцев назад

    Which extension is that of the code i mean the colour

  • @sadacreation1
    @sadacreation1 4 месяца назад +1

    api key not working
    invalid api key showing
    if anyone tell me how to solve this plsss

  • @IMJEX-IJ
    @IMJEX-IJ 6 месяцев назад +2

    Which country do you belong to?

    • @IMJEX-IJ
      @IMJEX-IJ 6 месяцев назад +1

      .......

  • @ritikdalal6180
    @ritikdalal6180 7 месяцев назад +2

    Which app you are using

    • @codehal
      @codehal  7 месяцев назад

      VSCode

  • @rajpootzadi49
    @rajpootzadi49 Месяц назад

    Mari img box ma show nhy ho rhy

  • @GirishPandey-xx4zx
    @GirishPandey-xx4zx 7 месяцев назад +1

    bro work nhi kar rha project

  • @28.Jerzy777
    @28.Jerzy777 6 месяцев назад

    idk why but it doesnt let me to preess the search button

  • @ronalddddddd
    @ronalddddddd 2 месяца назад +1

    Can someone help me? my images in .weather-box img which connected to switch case isn't changing when I typed a location

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

    У меня вообще не получится это😢